Safari Books CSS - improve contrast by making the orange text darker - see https://userstyles.org/styles/112282/safari-books-improve-contrast

safaribooks-2015-04-06.css

@charset UTF-8;

/*!normalize.css v2.0.1 | MIT License | git.io/normalize */
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary {
    display:block;
}

audio,canvas,video {
    display:inline-block;
}

audio:not([controls]) {
    display:none;
    height:0;
}

[hidden] {
    display:none;
}

html {
    font-family:sans-serif;
    -webkit-text-size-adjust:100%;
    -ms-text-size-adjust:100%;
}

body {
    margin:0;
}

a:focus {
    outline:thin dotted;
}

a:active,a:hover {
    outline:0;
}

h1 {
    font-size:2em;
}

abbr[title] {
    border-bottom:1px dotted;
}

b,strong {
    font-weight:bold;
}

dfn {
    font-style:italic;
}

mark {
    background:#ff0;
    color:#000;
}

code,kbd,pre,samp {
    font-family:monospace,serif;
    font-size:1em;
}

pre {
    white-space:pre;
    white-space:pre-wrap;
    word-wrap:break-word;
}

q {
    quotes:\201C \201D \2018 \2019;
}

small {
    font-size:80%;
}

sub,sup {
    font-size:75%;
    line-height:0;
    position:relative;
    vertical-align:baseline;
}

sup {
    top:-.5em;
}

sub {
    bottom:-.25em;
}

img {
    border:0;
}

svg:not(:root) {
    overflow:hidden;
}

figure {
    margin:0;
}

fieldset {
    border:1px solid #c0c0c0;
    margin:0 2px;
    padding:.35em .625em .75em;
}

legend {
    border:0;
    padding:0;
}

button,input,select,textarea {
    font-family:inherit;
    font-size:100%;
    margin:0;
}

button,input {
    line-height:normal;
}

button,html input[type="button"],input[type="reset"],input[type="submit"] {
    -webkit-appearance:button;
    cursor:pointer;
}

button[disabled],input[disabled] {
    cursor:default;
}

input[type="checkbox"],input[type="radio"] {
    box-sizing:border-box;
    padding:0;
}

input[type="search"] {
    -webkit-appearance:textfield;
    -moz-box-sizing:content-box;
    -webkit-box-sizing:content-box;
    box-sizing:content-box;
}

input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {
    -webkit-appearance:none;
}

button::-moz-focus-inner,input::-moz-focus-inner {
    border:0;
    padding:0;
}

textarea {
    overflow:auto;
    vertical-align:top;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {
    border:0;
    font-size:100%;
    font:inherit;
    vertical-align:baseline;
    margin:0;
    padding:0;
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
    display:block;
}

body {
    line-height:1em;
}

ol,ul {
    list-style:none;
}

blockquote,q {
    quotes:none;
}

blockquote:before,blockquote:after,q:before,q:after {
    content:none;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

* {
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -webkit-font-smoothing:antialiased;
    text-rendering:optimizeLegibility;
    -webkit-tap-highlight-color:transparent;
}

body {
    font-family:"source sans pro",Helvetica,Arial,sans-serif;
    position:relative;
    min-height:100%;
}

.gridt {
    display:table;
}

.gridt .gridtc {
    display:table-cell;
}

.gridx .griditem,.billingpage .form-row .fieldentry,.billingpage .sf-payment-method,.billingpage .sf-billing-info {
    vertical-align:top;
    display:inline-block;
    text-align:left;
}

.gridx .gridblock,.billingpage .billing-group .gridblock,.billingpage .form-row .gridblock,.gridx .griditem {
    display:block;
    margin-bottom:0;
    margin-bottom:1em;
    text-align:left;
    font-size:16px;
}

@media only screen and min-width600px {
    .gridx .gridblock,.billingpage .billing-group .gridblock,.billingpage .form-row .gridblock,.gridx .griditem {
        display:inline-block;
        vertical-align:top;
    }
}

.gridx,.billingpage .billing-group,.billingpage .form-row {
    text-align:justify;
    font-size:.1px;
    width:100%;
}

.gridx:after,.billingpage .billing-group:after,.billingpage .form-row:after {
    content:'';
    display:inline-block;
    width:100%;
}

#settings .pod select,.billingpage select,.user-profile .annotation-list .filter-highlights,.search-result-page .facets select {
    display:inline-block;
    vertical-align:middle;
    -moz-appearance:none;
    -webkit-appearance:none;
    -o-appearance:none;
    appearance:none;
    background:white url(/static/images/select-arrows.8736449abad1.svg) no-repeat scroll right center;
    margin-bottom:10px;
    margin-bottom:.625rem;
    padding:3px 20px 4px 5px;
    padding:.1875rem 1.25rem .25rem .3125rem;
    border:1px solid #ddd;
    min-width:70px;
    min-width:4.375rem;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    -o-border-radius:5px;
    border-radius:5px;
    font-size:14px;
    font-size:.875rem;
    color:#777;
    text-overflow:ellipsis;
    cursor:pointer;
    -moz-box-shadow:0 1px 0 0 rgba(0,0,0,0.05);
    -webkit-box-shadow:0 1px 0 0 rgba(0,0,0,0.05);
    -o-box-shadow:0 1px 0 0 rgba(0,0,0,0.05);
    box-shadow:0 1px 0 0 rgba(0,0,0,0.05);
}

.error #settings .pod select,#settings .pod .error select,.error .billingpage select,.billingpage .error select,.error .user-profile .annotation-list .filter-highlights,.user-profile .annotation-list .error .filter-highlights,.error .search-result-page .facets select,.search-result-page .facets .error select {
    border:1px solid #ea6d60;
}

#settings .pod select:focus,.billingpage select:focus,.user-profile .annotation-list .filter-highlights:focus,.search-result-page .facets select:focus,#settings .pod select:active,.billingpage select:active,.user-profile .annotation-list .filter-highlights:active,.search-result-page .facets select:active {
    border:1px solid #00b3e7;
}

.billingpage .sf-billing-info .sf-billingconf label,.billingpage .sf-agree label {
    padding-left:20px;
    padding-left:1.25rem;
    text-transform:none;
    line-height:normal;
    letter-spacing:normal;
}

.billingpage .sf-billing-info .sf-billingconf label input,.billingpage .sf-agree label input {
    float:left;
    margin:3px 0 0 -20px;
    margin:.1875rem 0 0 -1.25rem;
    cursor:pointer;
}

body.debug:before {
    display:block;
    background:#f00;
    position:absolute;
    top:0;
    left:0;
    font-size:30px;
    color:#fff;
    padding:10px 20px;
    z-index:100000000;
    content:"base";
}

@media screen and min-width30em {
    body.debug:before {
        content:"30em ~480px [1]";
    }
}

@media screen and min-width40625em {
    body.debug:before {
        content:"40.625em ~650px [2]";
    }
}

@media screen and min-width53125em {
    body.debug:before {
        content:"53.125em ~850px [3]";
    }
}

@media screen and min-width71875em {
    body.debug:before {
        content:"71.875em ~1150px [4]";
    }
}

body {
    position:relative;
    font-family:"source sans pro",sans-serif;
    background-color:#f4f3f0;
    color:#070c0f;
    margin:0;
}

#container {
    width:100%;
    height:auto;
}

header#lead {
    margin:5px 0 15px;
    margin:.3125rem 0 .9375rem;
}

header#lead:before,header#lead:after {
    content:" ";
    display:table;
}

header#lead:after {
    clear:both;
}

header#lead {
    zoom:1;
}

@media screen and max-width520px {
    header#lead ul {
        float:left;
        width:100%;
    }
}

@media screen and max-width810px {
    header#lead ul li {
        width:100%;
    }

    header#lead ul li .searchbox {
        float:left;
    }

    header#lead ul li #page-title {
        margin-bottom:0;
    }

    header#lead ul li.search {
        float:left;
    }
}

article>h2 {
    margin:20px 42px 16px;
    margin:1.25rem 2.625rem 1rem;
    text-transform:uppercase;
    font-weight:bold;
    color:#777;
    font-size:18px;
    font-size:1.125rem;
}

@media screen and max-width30em {
    article>h2 {
        margin:0 15px;
        margin:0 .9375rem;
    }
}

article #page-title {
    word-wrap:break-word;
    margin:10px 0 0 20px;
    margin:.625rem 0 0 1.25rem;
    color:#4a3c31;
    font-weight:300;
    display:inline-block;
}

article #page-title:before,article #page-title:after {
    content:" ";
    display:table;
}

article #page-title:after {
    clear:both;
}

article #page-title {
    zoom:1;
}

@media screen and max-width325625em {
    article #page-title {
        margin:15px;
        margin:.9375rem;
    }
}

article section {
    margin:20px;
    margin:1.25rem;
}

@media screen and max-width325em {
    article section {
        margin:16px 15px 25px;
        margin:1rem .9375rem 1.5625rem;
    }

    article section.callout {
        margin:15px;
        margin:.9375rem;
    }
}

@media screen and max-width325em {
    article .pad {
        margin:5px 15px;
        margin:.3125rem .9375rem;
    }
}

@media screen and min-width3125em {
    .user-anon article {
        display:block;
    }
}

.grid {
    position:relative;
}

.grid:before,.grid:after {
    content:" ";
    display:table;
}

.grid:after {
    clear:both;
}

.grid {
    zoom:1;
}

@mediamin-width768px {
    .grid {
        max-width:1200px;
        margin:0 auto;
        font-size:0;
    }

    [class*='col-'] {
        display:inline-block;
        font-size:16px;
        line-height:1.5em;
        vertical-align:top;
        padding-right:20px;
    }

    .grid [class*='col-']:last-of-type {
        padding-right:0;
    }

    .col-2-3 {
        width:66.66%;
    }

    .col-1-3 {
        width:33.33%;
    }

    .col-3-4 {
        width:75%;
    }

    .col-1-2 {
        width:50%;
    }

    .col-1-4 {
        width:25%;
    }

    .col-1-8 {
        width:12.5%;
    }

    .module {
        padding:20px;
    }

    .grid-pad {
        padding:20px 0 20px 20px;
    }

    .grid-pad [class*='col-']:last-of-type {
        padding-right:20px;
    }
}

@font-face {
    font-family:SSFlow;
    src:url(/static/css/webfonts/ss-flow.d46b9b954949.eot);
    src:url(/static/css/webfonts/ss-flow.d46b9b954949.eot?#iefix) format(embedded-opentype),url(/static/css/webfonts/ss-flow.af98a8a51d13.woff) format(woff),url(/static/css/webfonts/ss-flow.e824aa1cfc1d.ttf) format(truetype),url(/static/css/webfonts/ss-flow.ba282954d53b.svg#SSFlow) format(svg);
    font-weight:400;
    font-style:normal;
}

html:hover [class^="ss-"] {
    -ms-zoom:1;
}

[class*="ss-"] span {
    display:none;
}

.ss-icon,.ss-icon.ss-flow,[class^="ss-"]:before,[class*=" ss-"]:before,[class^="ss-"].ss-flow:before,[class*=" ss-"].ss-flow:before,[class^="ss-"].right:after,[class*=" ss-"].right:after,[class^="ss-"].ss-flow.right:after,[class*=" ss-"].ss-flow.right:after {
    font-family:SSFlow;
    font-style:normal;
    font-weight:400;
    text-decoration:none;
    white-space:nowrap;
    -webkit-font-smoothing:antialiased;
}

[class^="ss-"].right:before,[class*=" ss-"].right:before {
    display:none;
    content:'';
}

.ss-flow:before,.ss-flow.right:after {
    content:'';
}

.ss-hexfill:before,.ss-hexfill.right:after {
    content:'';
}

.ss-hexbase:before,.ss-hexbase.right:after {
    content:'';
}

.ss-hextri:before,.ss-hextri.right:after {
    content:'';
}

.ss-hexlined:before,.ss-hexlined.right:after {
    content:'';
}

.ss-queue:before,.ss-queue.right:after {
    content:'';
}

.ss-book:before,.ss-book.right:after {
    content:'📕';
}

.ss-search:before,.ss-search.right:after {
    content:'🔎';
}

.ss-link:before,.ss-link.right:after {
    content:'🔗';
}

.ss-write:before,.ss-write.right:after {
    content:'✎';
}

.ss-compose:before,.ss-compose.right:after {
    content:'📝';
}

.ss-lock:before,.ss-lock.right:after {
    content:'🔒';
}

.ss-unlock:before,.ss-unlock.right:after {
    content:'🔓';
}

.ss-ban:before,.ss-ban.right:after {
    content:'🚫';
}

.ss-tag:before,.ss-tag.right:after {
    content:'';
}

.ss-star:before,.ss-star.right:after {
    content:'⋆';
}

.ss-picks:before,.ss-picks.right:after {
    content:'';
}

.ss-video:before,.ss-video.right:after {
    content:'📹';
}

.ss-user:before,.ss-user.right:after {
    content:'👤';
}

.ss-femaleuser:before,.ss-femaleuser.right:after {
    content:'👧';
}

.ss-users:before,.ss-users.right:after {
    content:'👥';
}

.ss-volume:before,.ss-volume.right:after {
    content:'🔈';
}

.ss-highvolume:before,.ss-highvolume.right:after {
    content:'🔊';
}

.ss-video:before,.ss-video.right:after {
    content:'📹';
}

.ss-play:before,.ss-play.right:after {
    content:'▶';
}

.ss-pause:before,.ss-pause.right:after {
    content:'';
}

.ss-rewind:before,.ss-rewind.right:after {
    content:'⏪';
}

.ss-fastforward:before,.ss-fastforward.right:after {
    content:'⏩';
}

.ss-skipback:before,.ss-skipback.right:after {
    content:'⏮';
}

.ss-skipforward:before,.ss-skipforward.right:after {
    content:'⏭';
}

.ss-replay:before,.ss-replay.right:after {
    content:'↺';
}

.ss-refresh:before,.ss-refresh.right:after {
    content:'↻';
}

.ss-sync:before,.ss-sync.right:after {
    content:'';
}

.ss-list:before,.ss-list.right:after {
    content:'';
}

.ss-fontsize:before,.ss-fontsize.right:after {
    content:'';
}

.ss-highlights:before,.ss-highlights.right:after {
    content:'';
}

.ss-check:before,.ss-check.right:after {
    content:'✓';
}

.ss-delete:before,.ss-delete.right:after {
    content:'␡';
}

.ss-recent:before,.ss-recent.right:after {
    content:'';
}

.ss-settings:before,.ss-settings.right:after {
    content:'⚙';
}

.ss-up:before,.ss-up.right:after {
    content:'⬆';
}

.ss-right:before,.ss-right.right:after {
    content:'➡';
}

.ss-down:before,.ss-down.right:after {
    content:'⬇';
}

.ss-left:before,.ss-left.right:after {
    content:'⬅';
}

.ss-navigateup:before,.ss-navigateup.right:after {
    content:'';
}

.ss-navigateright:before,.ss-navigateright.right:after {
    content:'▻';
}

.ss-navigatedown:before,.ss-navigatedown.right:after {
    content:'';
}

.ss-navigateleft:before,.ss-navigateleft.right:after {
    content:'◅';
}

label {
    display:block;
    font-size:14px;
    font-size:.875rem;
    text-transform:None;
    color:#4a3c31;
    margin:16px 0 8px;
    margin:1rem 0 .5rem;
}

label .note {
    text-transform:capitalize;
    letter-spacing:0;
    font-size:smaller;
}

input[type="text"],input[type="email"],input[type="password"],textarea {
    background-color:#eeeeed;
    font-size:18px;
    font-family:"source sans pro",sans-serif;
    margin-bottom:10px;
    margin-bottom:.625rem;
    padding:.5em;
    min-width:12em;
    border:none;
    width:100%;
    max-width:15em;
    color:#070c0f;
}

.error input[type="text"],.error input[type="email"],.error input[type="password"],.error textarea {
    border:1px solid #ea6d60;
}

.ie8 input[type="text"],.ie8 input[type="email"],.ie8 input[type="password"],.ie8 textarea {
    font-family:sans-serif;
}

#registration-form input[type="submit"]:disabled {
    color:#AAA;
    -moz-box-shadow:0 0 0 1px rgba(0,0,0,0.15);
    -webkit-box-shadow:0 0 0 1px rgba(0,0,0,0.15);
    -o-box-shadow:0 0 0 1px rgba(0,0,0,0.15);
    box-shadow:0 0 0 1px rgba(0,0,0,0.15);
}

label[for="id_card_number"] {
    float:left;
}

ul.credit-cards {
    margin:5px 0;
    position:relative;
    z-index:9999;
    float:right;
    font-weight:normal;
}

ul.credit-cards .tooltip .tooltip-inner {
    max-width:250px;
    width:250px;
    white-space:normal;
}

@media screen and max-width5375em {
    ul.credit-cards .tooltip .tooltip-inner {
        max-width:200px;
        width:200px;
    }
}

ul.credit-cards li {
    display:inline-block;
    text-indent:-99999px;
    width:40px;
    height:25px;
    margin-left:10px;
    opacity:.7;
}

ul.credit-cards li.mastercard {
    background:transparent url(/static/images/mastercard.975ace85afab.png) no-repeat scroll 0 0;
}

ul.credit-cards li.discover {
    background:transparent url(/static/images/discover.4e4c8fabeda2.png) no-repeat scroll 0 0;
}

ul.credit-cards li.visa {
    background:transparent url(/static/images/visa.5ffd30176b82.png) no-repeat scroll 0 0;
}

ul.credit-cards li.amex {
    background:transparent url(/static/images/amex.d978726c3070.png) no-repeat scroll 0 0;
}

@media screen and min-width5375em and max-width5875em {
    ul.credit-cards li {
        width:35px;
        margin-left:4px;
        margin-top:8px;
        background-size:35px 22px!important;
    }
}

@media screen and max-width536875em {
    ul.credit-cards li {
        width:30px;
        margin-left:4px;
        background-size:30px 19px!important;
    }
}

ul.credit-cards li:focus,ul.credit-cards li:hover {
    opacity:.9;
}

textarea {
    width:100%;
    min-height:7em;
    max-width:30em;
    font-size:16px;
}

input+small,select+small {
    display:block;
    margin:.5em 0!important;
}

input.error {
    border:1px solid #ea6d60;
    background-color:#fae0de;
}

input.ok {
    border:1px solid #008542;
    background-color:white;
}

small.ok {
    color:#e98300; /* *orange* */
}

#id_username {
    text-transform:lowercase;
}

#id_username::-webkit-input-placeholder {
    text-transform:none;
}

#id_username:-moz-placeholder {
    text-transform:none;
}

#id_username::-moz-placeholder {
    text-transform:none;
}

#id_username:-ms-input-placeholder {
    text-transform:none;
}

input#id_username::-webkit-input-placeholder,input#id_username::-moz-placeholder,input#id_username::-moz-placeholder,input#id_username:-ms-input-placeholder {
    text-transform:capitalize;
}

.form-row.error .errorlist {
    color:#ea6d60;
}

.form-row.error .errorlist li {
    margin:.5em 0;
}

small.error {
    color:#ea6d60;
}

.sales-form.user-authenticated .page-head {
    display:none;
}

.sales-form.user-anon {
    background-color:#f6f6f6;
}

.sales-form.user-anon header[role="banner"] {
    border-bottom:1px solid #DDD;
}

.sales-form.user-anon footer {
    background:transparent none no-repeat scroll 0 0;
}

.sales-form.user-anon article {
    background:transparent none no-repeat scroll 0 0;
}

.sales-form.user-anon article header {
    border-bottom:1px solid #DDD;
    text-align:center;
    padding-bottom:10px;
    padding-bottom:.625rem;
}

.sales-form.user-anon article .intro {
    text-align:center;
}

.sales-form.user-anon article form {
    padding:0 130px 20px;
    padding:0 8.125rem 1.25rem;
}

.sales-form.user-anon article form .left,.sales-form.user-anon article form .right {
    display:inline-block;
    width:48%;
    margin-bottom:10px;
    margin-bottom:.625rem;
}

.sales-form.user-anon article form .left {
    float:left;
}

.sales-form.user-anon article form .right {
    float:right;
}

.sales-form.user-anon article form label {
    clear:both;
}

.sales-form.user-anon article form input {
    padding:.5em;
}

.sales-form.user-anon article form input[type="submit"] {
    padding:16px 25px;
    padding:1rem 1.5625rem;
    margin:30px 0 25px;
    margin:1.875rem 0 1.5625rem;
}

.sales-form.user-anon .pod {
    margin:36px auto;
    max-width:820px;
    max-width:51.25rem;
}

@media screen and max-width511875em {
    .sales-form.user-anon .pod {
        margin-right:10px;
        margin-left:10px;
    }

    .sales-form.user-anon article form {
        padding:0 80px 20px;
        padding:0 5rem 1.25rem;
    }

    .sales-form.user-anon article form textarea {
        max-width:100%;
    }
}

@media screen and max-width511875em and max-width45em {
    .sales-form.user-anon article form {
        padding:0 20px 20px;
        padding:0 1.25rem 1.25rem;
    }

    .sales-form.user-anon article form .left,.sales-form.user-anon article form .right {
        width:100%;
    }
}

.clearfix:before,.clearfix:after {
    content:" ";
    display:table;
}

.clearfix:after {
    clear:both;
}

.clearfix {
    zoom:1;
}

a:link,a:visited {
    color:#e98300; /* *orange* */
    text-decoration:none;
}

a:link.gray-link:focus,a:link:focus,a:link.gray-link:hover,a:link:hover,a:visited.gray-link:focus,a:visited:focus,a:visited.gray-link:hover,a:visited:hover {
    color:#e98300; /* *orange* */
    text-decoration:underline;
}

a:link.gray-link,a:visited.gray-link {
    text-decoration:underline;
    color:#7f7f7f;
    color:rgba(74,60,49,0.75);
}

a {
    -moz-transition:color .2s ease-out;
    -webkit-transition:color .2s ease-out;
    -o-transition:color .2s ease-out;
    transition:color .2s ease-out;
}

.visuallyhidden,.social-sharing a span,#sbo-rt-content .annotator-wrapper .annotator-editor-wrapper .social-sharing a span {
    border:0;
    clip:rect(0000);
    width:1px;
    height:1px;
    margin:-1px;
    overflow:hidden;
    padding:0;
    position:absolute;
}

.visuallyhidden.focusable:active,.social-sharing a span.focusable:active,#sbo-rt-content .annotator-wrapper .annotator-editor-wrapper .social-sharing a span.focusable:active,.visuallyhidden.focusable:focus,.social-sharing a span.focusable:focus,#sbo-rt-content .annotator-wrapper .annotator-editor-wrapper .social-sharing a span.focusable:focus {
    clip:auto;
    height:auto;
    margin:0;
    overflow:visible;
    position:static;
    width:auto;
}

.hidden {
    display:none;
}

form textarea.error,form input.error {
    border:1px solid #ea6d60;
    background-color:#fae0de;
}

.pod {
    background-color:white;
    padding:16px;
    padding:1rem;
    font-size:14px;
    font-size:.875rem;
    margin:0 20px 20px;
    margin:0 1.25rem 1.25rem;
    line-height:19px;
    line-height:1.1875rem;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    -o-border-radius:5px;
    border-radius:5px;
}

.pod header h1 {
    margin-top:0;
}

.pod header h1.trial {
    color:#ea6d60;
}

.pod h2 {
    font-size:18px;
}

.pod h3 {
    color:#777;
    text-transform:uppercase;
}

button,input[type='reset'],input[type='submit'],.bigbutton,a.bigbutton,.button,a.button {
    display:inline-block;
    color:white;
    padding:8px 15px 10px;
    border:0;
    margin:0 .237em .563em 0;
    text-shadow:0 1px 6px rgba(0,0,0,0.4);
    background:#e98300; /* *orange* */
    text-decoration:none;
    font-size:18px;
    border-radius:2px;
    -moz-transition:all .2s ease-in-out;
    -webkit-transition:all .2s ease-in-out;
    -o-transition:all .2s ease-in-out;
    transition:all .2s ease-in-out;
}

button:focus,button:hover,input[type='reset']:focus,input[type='reset']:hover,input[type='submit']:focus,input[type='submit']:hover,.bigbutton:focus,.bigbutton:hover,a.bigbutton:focus,a.bigbutton:hover,.button:focus,.button:hover,a.button:focus,a.button:hover {
    color:white;
    text-decoration:none;
    text-shadow:none;
    opacity:30%;
    background-image:0;
    background-image:0;
    background-image:0;
    background-image:0;
    background-image:0;
    background-image:linear-gradient(tobottom,#fed1000,#e98300100%);
    cursor:pointer;
}

button.secondary,input[type='reset'].secondary,input[type='submit'].secondary,.bigbutton.secondary,a.bigbutton.secondary,.button.secondary,a.button.secondary {
    background-color:#c7c2ba;
}

button.secondary:hover,input[type='reset'].secondary:hover,input[type='submit'].secondary:hover,.bigbutton.secondary:hover,a.bigbutton.secondary:hover,.button.secondary:hover,a.button.secondary:hover {
    background-image:0;
    background-image:0;
    background-image:0;
    background-image:0;
    background-image:0;
    background-image:linear-gradient(tobottom,#d5d6d20,#c7c2ba100%);
    color:#333!important;
}

button.horizontal-glow,input[type='reset'].horizontal-glow,input[type='submit'].horizontal-glow,.bigbutton.horizontal-glow,a.bigbutton.horizontal-glow,.button.horizontal-glow,a.button.horizontal-glow {
    background-image:0;
    background-image:0;
    background-image:0;
    background-image:0;
    background-image:0;
    background-image:linear-gradient(toright,#fed1000,#e98300100%);
}

.bigbutton,a.bigbutton {
    margin:0 auto 10px;
    padding:15px 10px;
    font-size:23px;
}

input[type='reset'] {
    min-width:0;
}

.social-sharing li,#sbo-rt-content .annotator-wrapper .annotator-editor-wrapper .social-sharing li {
    display:inline-block;
    margin:0;
    list-style-type:none;
    text-align:center;
}

.social-sharing a,#sbo-rt-content .annotator-wrapper .annotator-editor-wrapper .social-sharing a {
    display:inline-block;
    padding:0;
    -moz-transition:all .2s ease-in-out;
    -webkit-transition:all .2s ease-in-out;
    -o-transition:all .2s ease-in-out;
    transition:all .2s ease-in-out;
}

.social-sharing a.twitter,#sbo-rt-content .annotator-wrapper .annotator-editor-wrapper .social-sharing a.twitter {
    background:transparent url(/static/images/tweet_gray.3f169e28fdfa.png) no-repeat center center;
}

.social-sharing a.facebook,#sbo-rt-content .annotator-wrapper .annotator-editor-wrapper .social-sharing a.facebook {
    background:transparent url(/static/images/fb_gray.3c4623243e6c.png) no-repeat center center;
}

.social-sharing a.googleplus,#sbo-rt-content .annotator-wrapper .annotator-editor-wrapper .social-sharing a.googleplus {
    background:transparent url(/static/images/googleplus_gray.b05155c4acc4.png) no-repeat center center;
}

.social-sharing a.email,#sbo-rt-content .annotator-wrapper .annotator-editor-wrapper .social-sharing a.email {
    background:transparent url(/static/images/email_gray.1cbe5c5c0759.png) no-repeat center center;
}

.annotation-card.social-sharing li,#sbo-rt-content .annotator-wrapper .annotator-editor-wrapper .annotation-card.social-sharing li {
    margin:10px 10px 0;
}

.button-group.social-sharing li,#sbo-rt-content .annotator-wrapper .annotator-editor-wrapper .button-group.social-sharing li {
    margin:10px 10px 0;
}

.button-group.social-sharing a.share-button,#sbo-rt-content .annotator-wrapper .annotator-editor-wrapper .button-group.social-sharing a.share-button {
    -moz-box-shadow:0 0 0 1px #e6e6e6;
    -webkit-box-shadow:0 0 0 1px #e6e6e6;
    -o-box-shadow:0 0 0 1px #e6e6e6;
    box-shadow:0 0 0 1px #e6e6e6;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    -o-border-radius:5px;
    border-radius:5px;
    background-color:white;
    border-top:1px solid rgba(255,255,255,0.5)!important;
    border-bottom:3px solid rgba(0,0,0,0.05)!important;
    max-width:100%;
    height:47px;
    width:47px;
}

.button-group.social-sharing a.share-button:focus,#sbo-rt-content .annotator-wrapper .annotator-editor-wrapper .button-group.social-sharing a.share-button:focus,.button-group.social-sharing a.share-button:hover,#sbo-rt-content .annotator-wrapper .annotator-editor-wrapper .button-group.social-sharing a.share-button:hover {
    background-color:#f4f3f0;
}

.interface-controls .social-sharing,.interface-controls #sbo-rt-content .annotator-wrapper .annotator-editor-wrapper .social-sharing,#sbo-rt-content .annotator-wrapper .annotator-editor-wrapper .interface-controls .social-sharing,.dropdown-menu.social-sharing,#sbo-rt-content .annotator-wrapper .annotator-editor-wrapper .dropdown-menu.social-sharing {
    display:block;
    background-color:#333;
    position:absolute;
    top:0;
    right:48px;
    width:196px;
    opacity:0;
    visibility:hidden;
    -moz-transition:opacity .2s ease-in-out;
    -webkit-transition:opacity .2s ease-in-out;
    -o-transition:opacity .2s ease-in-out;
    transition:opacity .2s ease-in-out;
    -moz-border-radius:5px 0 0 5px;
    -webkit-border-radius:5px 0 0 5px;
    -o-border-radius:5px 0 0 5px;
    border-radius:5px 0 0 5px;
    border-right:1px solid #777;
}

.interface-controls .social-sharing li,.interface-controls #sbo-rt-content .annotator-wrapper .annotator-editor-wrapper .social-sharing li,#sbo-rt-content .annotator-wrapper .annotator-editor-wrapper .interface-controls .social-sharing li,.dropdown-menu.social-sharing li,#sbo-rt-content .annotator-wrapper .annotator-editor-wrapper .dropdown-menu.social-sharing li {
    display:block;
    float:left;
    background:transparent;
    border-left:1px solid #777;
}

.interface-controls .social-sharing li:first-child,.interface-controls #sbo-rt-content .annotator-wrapper .annotator-editor-wrapper .social-sharing li:first-child,#sbo-rt-content .annotator-wrapper .annotator-editor-wrapper .interface-controls .social-sharing li:first-child,.dropdown-menu.social-sharing li:first-child,#sbo-rt-content .annotator-wrapper .annotator-editor-wrapper .dropdown-menu.social-sharing li:first-child {
    border-left:none;
}

.interface-controls .social-sharing a.twitter,.interface-controls #sbo-rt-content .annotator-wrapper .annotator-editor-wrapper .social-sharing a.twitter,#sbo-rt-content .annotator-wrapper .annotator-editor-wrapper .interface-controls .social-sharing a.twitter,.dropdown-menu.social-sharing a.twitter,#sbo-rt-content .annotator-wrapper .annotator-editor-wrapper .dropdown-menu.social-sharing a.twitter {
    background-image:url(/static/images/tweet.a97746a857de.png);
}

.interface-controls .social-sharing a.facebook,.interface-controls #sbo-rt-content .annotator-wrapper .annotator-editor-wrapper .social-sharing a.facebook,#sbo-rt-content .annotator-wrapper .annotator-editor-wrapper .interface-controls .social-sharing a.facebook,.dropdown-menu.social-sharing a.facebook,#sbo-rt-content .annotator-wrapper .annotator-editor-wrapper .dropdown-menu.social-sharing a.facebook {
    background-image:url(/static/images/fb.8dcb59e28230.png);
}

.interface-controls .social-sharing a.googleplus,.interface-controls #sbo-rt-content .annotator-wrapper .annotator-editor-wrapper .social-sharing a.googleplus,#sbo-rt-content .annotator-wrapper .annotator-editor-wrapper .interface-controls .social-sharing a.googleplus,.dropdown-menu.social-sharing a.googleplus,#sbo-rt-content .annotator-wrapper .annotator-editor-wrapper .dropdown-menu.social-sharing a.googleplus {
    background-image:url(/static/images/googleplus.0a9b570c2c92.png);
}

.interface-controls .social-sharing a.email,.interface-controls #sbo-rt-content .annotator-wrapper .annotator-editor-wrapper .social-sharing a.email,#sbo-rt-content .annotator-wrapper .annotator-editor-wrapper .interface-controls .social-sharing a.email,.dropdown-menu.social-sharing a.email,#sbo-rt-content .annotator-wrapper .annotator-editor-wrapper .dropdown-menu.social-sharing a.email {
    background-image:url(/static/images/email.800c1fa7eefc.png);
}

.active .interface-controls .social-sharing,.active .interface-controls #sbo-rt-content .annotator-wrapper .annotator-editor-wrapper .social-sharing,#sbo-rt-content .annotator-wrapper .annotator-editor-wrapper .active .interface-controls .social-sharing,.active .dropdown-menu.social-sharing,.active #sbo-rt-content .annotator-wrapper .annotator-editor-wrapper .dropdown-menu.social-sharing,#sbo-rt-content .annotator-wrapper .annotator-editor-wrapper .active .dropdown-menu.social-sharing {
    opacity:1;
    visibility:visible;
}

@media screen and max-width2625em {
    .interface-controls .social-sharing,.interface-controls #sbo-rt-content .annotator-wrapper .annotator-editor-wrapper .social-sharing,#sbo-rt-content .annotator-wrapper .annotator-editor-wrapper .interface-controls .social-sharing,.dropdown-menu.social-sharing,#sbo-rt-content .annotator-wrapper .annotator-editor-wrapper .dropdown-menu.social-sharing {
        left:48px;
        right:0;
        -moz-border-radius:0 5px 5px 0;
        -webkit-border-radius:0 5px 5px 0;
        -o-border-radius:0 5px 5px 0;
        border-radius:0 5px 5px 0;
        border-right:none;
        border-left:1px solid #777;
    }
}

.addone {
    float:right;
}

@media screen and max-width325em {
    .addone {
        float:left;
        margin-top:.25rem;
    }
}

.topbar {
    background-color:#e7e5de;
}

.topbar .ss-icon {
    font-size:24px;
}

a.skip {
    display:block;
    position:absolute;
    top:-1000px;
    left:-1000px;
    width:1px;
    height:1px;
    overflow:hidden;
    -moz-transition:all .2s ease-in-out;
    -webkit-transition:all .2s ease-in-out;
    -o-transition:all .2s ease-in-out;
    transition:all .2s ease-in-out;
}

a.skip:active,a.skip:focus,a.skip:hover {
    padding:10px;
    padding:.625rem;
    font-family:"source sans pro",sans-serif;
    position:fixed;
    z-index:5000;
    left:0;
    top:0;
    width:100%;
    height:auto;
    overflow:visible;
    background-color:#e98300;  /* *orange* */
    color:white;
    text-align:center;
    text-decoration:none;
    font-size:12px;
    -webkit-font-smoothing:subpixel-antialiased;
}

.touch .shortcuts {
    display:none;
}

.topnav {
    padding:0;
    position:relative;
}

.topnav ul {
    padding:0;
}

.topnav>li {
    font-family:"source sans pro",sans-serif;
    width:55px;
    display:inline-block;
    overflow:hidden;
    vertical-align:middle;
}

.topnav>li a {
    -moz-transition:all .2s ease-in-out;
    -webkit-transition:all .2s ease-in-out;
    -o-transition:all .2s ease-in-out;
    transition:all .2s ease-in-out;
}

.topnav>li a:focus,.topnav>li a:hover {
    color:#4a3c31;
    background-color:#dddacf;
    text-decoration:none;
}

.topnav [class*="ss-"]:before {
    font-size:20px;
    margin-right:18px;
    position:relative;
    top:5px;
    font-family:SSFlow;
}

.topnav .usermenu .nav-dropdown:before {
    top:10px;
    right:-3px;
}

@media screen and min-width325625em {
    .topnav .l2 {
        display:none;
    }
}

@media screen and max-height2625em {
    .topnav .l2 {
        display:block;
    }
}

a.l0,a.l1,a.l2 {
    line-height:1em;
    font-size:13px;
    font-size:.8125rem;
    color:#4a3c31;
    text-decoration:none;
    display:block;
    padding:16px 15px 19px 17px;
    padding:1rem .9375rem 1.1875rem 1.0625rem;
}

a.l0.ss-highlights,a.l1.ss-highlights,a.l2.ss-highlights {
    line-height:8px;
    line-height:.5rem;
    padding:17px 15px 20px 17px;
    padding:1.0625rem .9375rem 1.25rem 1.0625rem;
    text-indent:-3px;
}

a.l0.ss-highlights:before,a.l1.ss-highlights:before,a.l2.ss-highlights:before {
    font-size:24px;
    font-size:1.5rem;
    top:13px;
}

a.l0.active,a.l1.active,a.l2.active {
    color:#e98300;  /* *orange* */
}

@media screen and max-width325em,screen and max-height2625em {
    .l0 {
        height:62px;
        line-height:1.75em!important;
    }
}

.l1.no-icon {
    padding:16px 15px 16px 55px;
    padding:1rem .9375rem 1rem 3.4375rem;
    white-space:nowrap;
}

.l0.active,.l1.active {
    background:#f4f3f0;
}

.l0 {
    width:55px;
}

.l2 {
    padding:0 10px;
    display:inline-block;
}

.nav-dropdown {
    position:absolute;
    right:0;
    top:0;
}

.drop-content {
    max-height:0;
    overflow:hidden;
    -moz-transition:max-height .3s ease-in-out;
    -webkit-transition:max-height .3s ease-in-out;
    -o-transition:max-height .3s ease-in-out;
    transition:max-height .3s ease-in-out;
}

.dropdown.active .l0 {
    color:white;
    background-color:#999;
}

.reading .dropdown.searchbox,.reading li.search {
    display:none;
}

.dropdown.usermenu {
    float:right;
}

.dropdown .trigger:before {
    font-size:14px;
}

.dropdown.usermenu.active .trigger:before {
    content:"\F500";
}

.dropdown.usermenu .drop-content {
    position:absolute;
    background-color:#999;
    z-index:50;
    width:50%;
    right:0;
    top:61px;
    width:200px;
}

@media screen and max-width325em,screen and max-height261875em {
    body.sidenav {
        padding-left:0!important;
    }

    body.sidenav.nav-collapsed {
        padding-left:0!important;
    }

    .tutorials-feature .dropdown.active .drop-content {
        max-height:348px;
    }

    .dropdown.active .drop-content {
        max-height:300px;
        padding-bottom:5px;
    }

    .dropdown.active .drop-content a {
        color:white;
    }

    .dropdown.active .drop-content a:focus,.dropdown.active .drop-content a:hover {
        background-color:#888;
    }

    .dropdown.active .drop-content a.active {
        background-color:#777;
        color:#444;
    }

    .dropdown.active .drop-content #js-shortcuts-info {
        display:none;
    }

    .dropdown.active .drop-content ul.profile {
        border-top:1px solid #999;
        padding:0 0 0 6px;
        padding:0 0 0 .375rem;
    }

    .dropdown.active .drop-content ul.profile li {
        margin:10px 0;
        margin:.625rem 0;
    }

    .dropdown.active .drop-content ul.profile li a:focus,.dropdown.active .drop-content ul.profile li a:hover {
        background-color:transparent;
    }

    .dropdown.active .drop-content ul.profile li .active {
        background-color:transparent;
        color:white;
    }

    .dropdown.active .drop-content ul.profile li #nav-nag {
        color:#b3b3b3;
    }

    .dropdown.active .drop-content ul.profile li #nav-nag a {
        text-decoration:none;
        color:#b3b3b3;
    }

    .dropdown.active .drop-content ul.profile li #nav-nag a:focus,.dropdown.active .drop-content ul.profile li #nav-nag a:hover {
        color:white;
    }
}

.autocomplete-suggestions {
    background-color:#FFF;
    -moz-box-shadow:1px 2px 3px #d5d6d2;
    -webkit-box-shadow:1px 2px 3px #d5d6d2;
    -o-box-shadow:1px 2px 3px #d5d6d2;
    box-shadow:1px 2px 3px #d5d6d2;
    border:1px solid #d5d6d2;
    color:#666;
}

.autocomplete-suggestions b {
    font-weight:bold;
}

.autocomplete-suggestions .autocomplete-suggestion {
    padding:8px 0 8px 20px;
    padding:.5rem 0 .5rem 1.25rem;
    line-height:1.25em;
}

.autocomplete-suggestions .autocomplete-suggestion:focus,.autocomplete-suggestions .autocomplete-suggestion:hover,.autocomplete-suggestions .autocomplete-suggestion.autocomplete-selected {
    background-color:rgba(199,194,186,0.15);
    color:#e98300;  /* *orange* */
    cursor:pointer;
}

.searchbox {
    margin:12px 20px 0;
    margin:.75rem 1.25rem 0;
    position:relative;
    float:right;
}

.searchbox .search-form {
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    -o-border-radius:5px;
    border-radius:5px;
    position:relative;
    display:inline-block;
    border:1px solid #d5d6d2;
    background-color:white;
}

.searchbox .search-form:hover,.searchbox .search-form:focus,.searchbox .search-form:active,.searchbox .search-form.active {
    border:1px solid #e98300; /* *orange* */
}

.searchbox .nav-search-in {
    -moz-border-radius:5px 0 0 5px;
    -webkit-border-radius:5px 0 0 5px;
    -o-border-radius:5px 0 0 5px;
    border-radius:5px 0 0 5px;
    display:inline-block;
    background-color:white;
}

.searchbox select.search-params,.searchbox .search-query {
    display:inline-block;
    vertical-align:middle;
    border:none;
}

.searchbox select.search-params {
    -moz-appearance:none;
    -webkit-appearance:none;
    -o-appearance:none;
    appearance:none;
    -moz-box-shadow:0 0 0 0 transparent;
    -webkit-box-shadow:0 0 0 0 transparent;
    -o-box-shadow:0 0 0 0 transparent;
    box-shadow:0 0 0 0 transparent;
    margin:0 10px 0 0;
    margin:0 .625rem 0 0;
    padding:5px 5px 5px 10px;
    padding:.3125rem .3125rem .3125rem .625rem;
    width:107px;
    width:6.6875rem;
    background:transparent url(/static/images/down_arrow_icon.80e69a914029.svg) no-repeat right 60%;
    color:#777;
    text-overflow:;
    cursor:pointer;
}

.searchbox select.search-params:active,.searchbox select.search-params:focus,.searchbox select.search-params:hover {
    color:#4a3c31;
}

.searchbox select.search-params::-ms-expand {
    display:none;
}

.ie8 .searchbox select.search-params {
    background:none;
}

.searchbox .search-query {
    margin-right:32px;
    margin-right:2rem;
    padding:3px 0;
    padding:.1875rem 0;
    width:250px;
    width:15.625rem;
    -moz-border-radius:0;
    -webkit-border-radius:0;
    -o-border-radius:0;
    border-radius:0;
    background-color:white;
    color:#333;
    white-space:nowrap;
    text-overflow:ellipsis;
}

.searchbox .search-query:focus,.searchbox .search-query:active,.searchbox .search-query.active {
    -moz-box-shadow:0 0 0 black;
    -webkit-box-shadow:0 0 0 black;
    -o-box-shadow:0 0 0 black;
    box-shadow:0 0 0 black;
}

.searchbox .search-query:focus::-webkit-input-placeholder {
    transition:opacity .35s .35s ease;
    opacity:0;
}

.searchbox .search-button {
    padding:0;
    margin:0;
    border:none;
    background:none;
    text-shadow:none;
    -webkit-appearance:none;
    -moz-border-radius:0;
    -webkit-border-radius:0;
    -o-border-radius:0;
    border-radius:0;
    -moz-box-shadow:0 0 0 black;
    -webkit-box-shadow:0 0 0 black;
    -o-box-shadow:0 0 0 black;
    box-shadow:0 0 0 black;
    margin:2px 2px 0 0;
    margin:.125rem .125rem 0 0;
    padding:7px 6px 0 0;
    padding:.4375rem .375rem 0 0;
    font-size:19px;
    font-size:1.1875rem;
    position:absolute;
    top:0;
    right:0;
    line-height:1em;
    color:#c7c2ba;
}

.no-touch .searchbox .search-button:focus,.no-touch .searchbox .search-button:hover {
    background:none;
}

.searchbox .search-button:active {
    top:0;
}

.searchbox .search-button:active,.searchbox .search-button:focus,.searchbox .search-button:hover,.no-touch .searchbox .search-button:focus,.no-touch .searchbox .search-button:hover {
    color:#4a3c31;
}

@media screen and max-width325em,screen and max-height261875em {
    .searchbox {
        width:100%;
        background-color:#999;
        margin:-5px 0 0!important;
    }

    .searchbox .search-form {
        margin:12px 15px 5px;
        margin:.75rem .9375rem .3125rem;
        width:calc(100%-30px);
    }

    .searchbox .search-query {
        width:46%;
    }
}

@media screen and min-width325625em and min-height2625em {
    .searchbox .drop-content {
        max-height:999px;
    }
}

.oldie .nav-collapsed .logo .safari em {
    margin-top:10px;
}

.oldie .logo .safari:before {
    background-image:url(/static/images/mark_ie.53539e3b5542.png);
    background-size:30px 55px;
    background-position:center center;
}

.oldie .logo .safari em {
    background-image:url(/static/images/brand_ie.b968b65c4d71.png);
}

.oldie .logo .safari:focus,.oldie .logo .safari:hover {
    background-color:#e98300;  /* *orange* */
}

.logo {
    width:auto;
}

.logo .safari {
    height:62px;
    width:auto;
    min-width:190px;
    padding:0;
    background:#e98300;  /* *orange* */
    background-image:0;
    background-image:0;
    background-image:0;
    background-image:0;
    background-image:0;
    background-image:linear-gradient(45deg,#e983000,#fed100100%);
}

.ie8 .logo .safari {
    min-width:auto;
}

.logo .safari:before {
    display:inline-block;
    vertical-align:middle;
    margin-right:14px;
    content:'';
    background-image:0;
    background-image:0;
    background-image:linear-gradient(transparent,transparent),url(/static/images/mark.4a67f2af191b.svg);
    background-position:center left;
    background-size:60px 70px;
    background-repeat:no-repeat;
    height:60px;
    width:45px;
}

.logo .safari:focus:before,.logo .safari:hover:before {
    background-image:0;
    background-image:0;
    background-image:linear-gradient(transparent,transparent),url(/static/images/mark-hover.76a6d3a17f9f.svg);
    background-position:center left;
    background-size:60px 70px;
    background-repeat:no-repeat;
    height:60px;
    width:45px;
}

.logo .safari em {
    background-image:0;
    background-image:0;
    background-image:linear-gradient(transparent,transparent),url(/static/images/brand.00a4794f7147.svg);
    background-size:90px 30px;
    background-size:5.625rem 1.875rem;
    height:36px;
    height:2.25rem;
    width:110px;
    width:6.875rem;
    display:inline-block;
    text-indent:-99999px;
    color:#333;
    position:relative;
    top:-7px;
    background-repeat:no-repeat;
}

.nav-collapse {
    display:none;
}

body.sidenav {
    padding-left:190px;
    -moz-transition:padding-left .2s ease-in-out;
    -webkit-transition:padding-left .2s ease-in-out;
    -o-transition:padding-left .2s ease-in-out;
    transition:padding-left .2s ease-in-out;
}

body.sidenav.nav-collapsed {
    padding-left:55px;
}

@media screen and min-width325625em and min-height2625em {
    body.user-anon {
        margin:0 auto;
    }

    body.nav-collapsed .topbar {
        width:55px;
    }

    .topbar {
        overflow:hidden;
        width:190px;
        position:fixed;
        left:0;
        top:0;
        height:100%;
        -moz-transition:width .2s ease-in-out;
        -webkit-transition:width .2s ease-in-out;
        -o-transition:width .2s ease-in-out;
        transition:width .2s ease-in-out;
    }

    .topbar a:before {
        top:4px;
        font-size:21px;
    }

    .topbar [class*="ss-"].l0 span {
        display:inline;
    }

    .topbar .l0 {
        width:100%;
    }

    .topbar ul>li {
        width:auto;
        display:block;
    }

    .topbar ul>li.search {
        display:none;
    }

    .topnav .dropdown .drop-content {
        display:block;
        position:static;
        background-color:transparent;
        max-height:999px;
        width:100%;
        -moz-transition:none;
        -webkit-transition:none;
        -o-transition:none;
        transition:none;
    }

    .last-item {
        margin-bottom:10px;
    }

    .l2 {
        padding-top:5px;
        padding-bottom:5px;
    }

    .l2:focus,.l2:hover {
        background-color:transparent;
        color:#e98300;  /* *orange* */
    }

    .dropdown .trigger {
        display:none;
    }

    .dropdown.usermenu {
        float:none;
    }

    .page-head {
        padding:0;
        background-color:#fff;
        z-index:999;
        text-align:justify;
        box-shadow:0 3px 4px -4px rgba(0,0,0,0.2);
        display:inline-block;
        width:100%;
        height:55px;
    }

    .page-head:after {
        content:'';
        display:inline-block;
        width:100%;
    }

    .page-head h1 {
        font-size:18px;
        text-align:left;
        line-height:1.4em;
        display:block;
        margin:0 20px;
        padding:10px 150px 0 0;
        vertical-align:top;
        position:relative;
        top:3px;
        color:#777;
    }

    .nav-collapse {
        background-color:transparent;
        position:absolute;
        bottom:0;
        left:0;
        display:block;
        padding:20px 0 15px;
        width:100%;
        -moz-transition:all .2s ease-in-out;
        -webkit-transition:all .2s ease-in-out;
        -o-transition:all .2s ease-in-out;
        transition:all .2s ease-in-out;
        -moz-box-shadow:none;
        -webkit-box-shadow:none;
        -o-box-shadow:none;
        box-shadow:none;
        -moz-border-radius:0;
        -webkit-border-radius:0;
        -o-border-radius:0;
        border-radius:0;
        border:none;
        line-height:1;
        color:#9B9B9B;
        text-decoration:none;
        text-align:left;
        text-indent:20px;
        cursor:pointer;
    }

    .nav-collapse:before {
        font-size:15px;
    }

    .nav-collapse:focus,.nav-collapse:hover {
        background-color:#dadada!important;
    }

    .nav-collapse:active {
        top:auto;
    }
}

.gen-nav {
    background-color:#070c0f;
    width:100%;
    min-width:230px;
    font-weight:bold;
}

.gen-nav:before,.gen-nav:after {
    content:" ";
    display:table;
}

.gen-nav:after {
    clear:both;
}

.gen-nav {
    zoom:1;
}

.gen-nav a {
    font-weight:bold;
    color:white;
    padding:0 16px;
    display:block;
    text-decoration:none;
}

.gen-nav h1,.gen-nav .login {
    font-size:16px;
    line-height:50px;
}

.gen-nav h1 {
    display:inline;
    margin:0;
    float:left;
}

.gen-nav .login {
    float:right;
    color:#e98300; /* *orange* */
}

.mknav {
    background-color:#e98300; /* *orange* */
    color:#070c0f;
    font-size:16px;
    padding:16px;
}

.mknav li {
    display:inline;
    padding-right:.4em;
}

.mknav li:before {
    padding-right:.4em;
    content:'/';
}

.mknav li:first-child:before {
    padding-right:0;
    content:'';
}

.mknav li a {
    color:white;
    font-weight:bold;
    text-decoration:none;
}

.mknav li a:focus,.mknav li a:hover {
    text-decoration:underline;
}

.tooltip {
    position:absolute;
    z-index:1030;
    display:block;
    font-size:14px;
    line-height:1.4;
    opacity:0;
    filter:alpha(opacity=0);
    visibility:visible;
    font-weight:bold;
    white-space:nowrap;
    font-family:"source sans pro",sans-serif;
}

.tooltip.active .tooltip-inner {
    background-color:#e98300;  /* *orange* */
}

.tooltip.in {
    opacity:.9;
    filter:alpha(opacity=90);
}

.tooltip.top {
    padding:5px 0;
    margin-top:-3px;
}

.tooltip.top .tooltip-arrow {
    bottom:0;
    left:50%;
    margin-left:-5px;
    border-top-color:#777;
    border-width:5px 5px 0;
}

.tooltip.top-left .tooltip-arrow {
    bottom:0;
    left:5px;
    border-top-color:#777;
    border-width:5px 5px 0;
}

.tooltip.top-right .tooltip-arrow {
    right:5px;
    bottom:0;
    border-top-color:#777;
    border-width:5px 5px 0;
}

.tooltip.right {
    padding:0 5px;
    margin-left:3px;
}

.tooltip.right .tooltip-arrow {
    top:50%;
    left:0;
    margin-top:-5px;
    border-right-color:#777;
    border-width:5px 5px 5px 0;
}

.tooltip.active.right .tooltip-arrow {
    border-right-color:#e98300; /* *orange* */
}

.tooltip.bottom {
    padding:5px 0;
    margin-top:3px;
}

.tooltip.bottom .tooltip-arrow {
    top:0;
    left:50%;
    margin-left:-5px;
    border-bottom-color:#777;
    border-width:0 5px 5px;
}

.tooltip.bottom-left .tooltip-arrow {
    top:0;
    left:5px;
    border-bottom-color:#777;
    border-width:0 5px 5px;
}

.tooltip.bottom-right .tooltip-arrow {
    top:0;
    right:5px;
    border-bottom-color:#777;
    border-width:0 5px 5px;
}

.tooltip.left {
    padding:0 5px;
    margin-left:-3px;
}

.tooltip.left .tooltip-arrow {
    top:50%;
    right:0;
    margin-top:-5px;
    border-left-color:#777;
    border-width:5px 0 5px 5px;
}

.tooltip-inner {
    max-width:200px;
    padding:5px 12px;
    color:#fff;
    text-align:center;
    text-decoration:none;
    background-color:#777;
    border-radius:4px;
}

.tooltip-arrow {
    position:absolute;
    width:0;
    height:0;
    border-color:transparent;
    border-style:solid;
}

.fade {
    opacity:0;
    -webkit-transition:opacity .25s linear;
    transition:opacity .25s linear;
}

.fade.in {
    opacity:1;
}

a.l1.ss-toots {
    white-space:nowrap;
    padding:10px 15px 10px 17px;
}

a.l1.ss-toots:before {
    content:'';
    display:inline-block;
    height:27px;
    width:20px;
    font-size:20px;
    margin-right:18px;
    top:5px;
    vertical-align:middle;
}

@media screen and max-width325em,screen and max-height2625em {
    a.l1.ss-toots:before {
        color:white;
    }
}

a.l1.ss-toots:before,a.l1.ss-toots:hover:before {
    background:url(/static/images/icon-toots.03e3235d40c8.png) no-repeat;
}

.svg a.l1.ss-toots:before,.svg a.l1.ss-toots:hover:before {
    background:url(/static/images/icon-toots.faea958abbe1.svg) no-repeat;
}

@media screen and max-width325em,screen and max-height2625em {
    a.l1.ss-toots:before,a.l1.ss-toots:hover:before {
        background:url(/static/images/icon-toots_white.3309f264e324.png) no-repeat;
    }

    .svg a.l1.ss-toots:before,.svg a.l1.ss-toots:hover:before {
        background:url(/static/images/icon-toots_white.8a26c5aad3e1.svg) no-repeat;
    }
}

a.l1.active.ss-toots:before {
    background:url(/static/images/icon-toots_sunshine.cb140aae0a71.png) no-repeat;
}

.svg a.l1.active.ss-toots:before {
    background:url(/static/images/icon-toots_sunshine.cf6254428d0a.svg) no-repeat;
}

@media screen and max-width325em,screen and max-height2625em {
    a.l1.active.ss-toots:before {
        background:url(/static/images/icon-toots_444.f4d3b49730f9.png) no-repeat;
    }

    .svg a.l1.active.ss-toots:before {
        background:url(/static/images/icon-toots_444.a52163a76d4b.svg) no-repeat;
    }
}

.homepage section {
    margin-bottom:15px;
}

.homepage section:before,.homepage section:after {
    content:" ";
    display:table;
}

.homepage section:after {
    clear:both;
}

.homepage section {
    zoom:1;
}

.homepage section .author {
    display:none;
}

.homepage section small {
    float:right;
    white-space:nowrap;
}

.homepage section small a {
    color:#4a3c31;
    text-decoration:underline;
}

.homepage section small a:focus,.homepage section small a:hover {
    color:#e98300;  /* *orange* */
}

.homepage section header {
    margin-bottom:15px;
}

.homepage section h1 {
    color:#4a3c31;
    font-weight:333;
    line-height:1.5em;
    margin:0;
    font-size:21px;
    font-size:1.3125rem;
}

.homepage section h1:before,.homepage section h1:after {
    content:" ";
    display:table;
}

.homepage section h1:after {
    clear:both;
}

.homepage section h1 {
    zoom:1;
}

.homepage .articlelist {
    margin-bottom:0;
}

.homepage .articlelist>li .controls {
    border-bottom:1px solid #d5d6d2;
    margin-bottom:10px;
    margin-bottom:.625rem;
}

.homepage .articlelist>li .info {
    top:0;
    bottom:auto;
}

@media screen and max-width767px {
    .homepage .articlelist>li {
        display:none;
    }

    .homepage .articlelist>li:first-child {
        display:inline-block;
    }
}

@media screen and min-width768px and max-width1279px {
    .homepage .articlelist>li:nth-child(3) {
        display:none;
    }
}

.homepage .articlelist.main-links li {
    min-height:1%;
}

.homepage .articlelist .quick-short,.homepage .articlelist .quick-med,.homepage .articlelist .quick-long {
    color:#55afb8;
    background-color:#e6f6f9;
    border-top:1px solid #d2eff4;
    border-bottom:1px solid #d2eff4;
}

.homepage .articlelist .trending a {
    text-decoration:none;
}

.homepage .last-viewed .info,.homepage .almost-done .info,.homepage .recommended .info,.homepage .t-quick-read-short,.homepage .t-quick-read-long,.homepage .t-quick-read-med,.homepage .t-trending .info {
    padding:0;
    background-color:#fff;
    -webkit-border-radius:3px;
    border-radius:3px;
}

.homepage .last-viewed .info {
    padding:0;
}

@media screen and max-width520px {
    .homepage section h1 {
        border:none;
        padding:0;
        font-size:18px;
        font-size:1.125rem;
    }
}

@media screen and max-width520px and max-width521px {
    .homepage section h1 {
        margin:10px 0 15px 15px;
        margin:.625rem 0 .9375rem .9375rem;
    }
}

@media screen and max-width520px {
    .homepage section small {
        margin-right:15px;
        font-size:12px;
        font-size:.75rem;
    }

    .homepage .last-viewed li {
        display:none;
    }

    .homepage .last-viewed li:first-child {
        display:block;
    }

    .homepage .recommended li {
        display:none;
    }

    .homepage .recommended li:first-child {
        display:block;
    }

    .homepage .almost-done li {
        display:none;
    }

    .homepage .almost-done li:first-child {
        display:block;
    }
}

.articlelist {
    max-width:1600px;
    margin:0 auto 15px;
}

.selected-card {
    outline-style:solid;
    outline-color:rgba(0,134,202,0.25);
    -moz-box-shadow:0 0 0 3px rgba(0,134,202,0.35);
    -webkit-box-shadow:0 0 0 3px rgba(0,134,202,0.35);
    -o-box-shadow:0 0 0 3px rgba(0,134,202,0.35);
    box-shadow:0 0 0 3px rgba(0,134,202,0.35);
}

.articlelist>li {
    width:100%;
    height:100%;
    min-height:200px;
    background-color:white;
    display:inline-block;
    position:relative;
    margin-bottom:20px;
    vertical-align:top;
    overflow:hidden;
    border:1px solid #d5d6d2;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    -o-border-radius:3px;
    border-radius:3px;
    -moz-transition:width .15s ease-in-out;
    -webkit-transition:width .15s ease-in-out;
    -o-transition:width .15s ease-in-out;
    transition:width .15s ease-in-out;
}

.articlelist>li .position-link {
    text-decoration:none;
    text-transform:uppercase;
    float:right;
    font-size:12px;
    font-size:.75rem;
    letter-spacing:1px;
    position:relative;
    z-index:1;
}

.articlelist>li .topic-display {
    clear:left;
}

.articlelist>li.js-last-viewed span.expired {
    display:none;
}

.articlelist>li.js-related .feedback.text {
    font-size:24px;
}

.articlelist>li.js-related .feedback:before {
    top:35px;
}

@media screen and max-width767px {
    .articlelist>li {
        width:100%;
    }
}

@media screen and min-width768px and max-width1279px {
    .articlelist>li {
        width:48.7207%;
        margin-right:1.95313%;
    }

    .articlelist>li:nth-child(2n+2) {
        color:#fff;
        margin-right:0;
    }
}

@media only screen and min-width1280px and max-width1600px {
    .articlelist>li {
        width:31.52344%;
        margin-right:2.34375%;
    }

    .articlelist>li:nth-child(3n+3) {
        margin-right:0;
    }
}

@media only screen and min-width1601px {
    .articlelist>li {
        width:23.375%;
        margin-right:1.875%;
    }

    .articlelist>li:nth-child(4n+4) {
        margin-right:0;
    }
}

.articlelist>li.more-container {
    display:block;
    margin:0 auto;
    width:100%;
    border:none;
    -moz-box-shadow:none;
    -webkit-box-shadow:none;
    -o-box-shadow:none;
    box-shadow:none;
    background-color:transparent;
}

.news-block .articlelist>li {
    background:#fff;
}

.news-block .articlelist>li p {
    font-size:14px;
}

.results-list .feedback .text {
    top:122px;
}

.feedback {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-color:#FFF;
    background-color:rgba(255,255,255,0.9);
    text-align:center;
    z-index:99;
}

.feedback .text {
    font-size:28px;
    font-size:1.75rem;
    position:relative;
    top:92px;
    line-height:1.1em;
    color:#7f7f7f;
    color:rgba(74,60,49,0.75);
    font-family:"source sans pro",sans-serif;
    font-weight:300;
    font-style:normal;
    display:inline-block;
    width:95%;
}

.feedback .expired,.feedback .canceled {
    display:block;
    color:#7f7f7f;
    color:rgba(74,60,49,0.75);
    font-size:18px;
    margin-top:8px;
    line-height:1.25em;
}

.feedback:before {
    font-size:42px;
    left:50%;
    margin-left:-21px;
    top:55px;
    position:absolute;
}

.feedback.added:before {
    color:#e98300;  /* *orange* */
}

.feedback.removed:before,.feedback.error:before,.feedback.expired:before,.feedback.canceled:before {
    color:#b2b4b3;
}

.detail-book .feedback .text,.detail-video .feedback .text {
    font-size:38px;
    font-size:2.375rem;
    top:200px;
}

@media screen and max-width325em {
    .detail-book .feedback .text,.detail-video .feedback .text {
        font-size:26px;
        font-size:1.625rem;
        top:270px;
    }
}

.detail-book .feedback:before,.detail-video .feedback:before {
    top:160px;
}

@media screen and max-width325em {
    .detail-book .feedback:before,.detail-video .feedback:before {
        top:220px;
    }
}

@media screen and min-width661px {
    .detail-book .feedback,.detail-video .feedback {
        text-align:left;
    }

    .detail-book .feedback .text,.detail-video .feedback .text {
        padding-left:100px;
        top:95px;
    }

    .detail-book .feedback:before,.detail-video .feedback:before {
        font-size:42px;
        left:50px;
        top:50px;
    }
}

.articlelist>li .info {
    text-align:left;
}

.articlelist>li .info h2 {
    margin:0;
    padding:15px 10px 10px;
    display:inline-block;
    color:#00B798;
}

.articlelist>li .info .main {
    padding:0 15px 15px;
    padding:0 .9375rem .9375rem;
    color:#7f7f7f;
    color:rgba(74,60,49,0.75);
}

.articlelist>li .info .main:before,.articlelist>li .info .main:after {
    content:" ";
    display:table;
}

.articlelist>li .info .main:after {
    clear:both;
}

.articlelist>li .info .main {
    zoom:1;
}

.articlelist>li .info .main a.title-block {
    color:#e98300;  /* *orange* */
}

@media screen and min-width650px {
    .articlelist>li .info {
        width:100%;
        right:0;
        bottom:0;
    }
}

@media screen and min-width1250px {
    .articlelist>li .info .main {
        padding:0 10px 10px;
        padding:0 .625rem .625rem;
    }
}

.title-block {
    display:block;
    text-decoration:none;
    font-size:18px;
    font-size:1.125rem;
    margin-bottom:3px;
    margin-bottom:.1875rem;
    line-height:20px;
    line-height:1.25rem;
}

.book-title {
    margin-bottom:5px;
    margin-bottom:.3125rem;
    line-height:18px;
    line-height:1.125rem;
    font-size:13px;
    font-size:.8125rem;
}

.book-title .issued {
    display:block;
    font-style:italic;
}

.last-access {
    font-size:12px;
    color:#777;
    margin-bottom:10px;
}

.articlelist>li .controls {
    min-height:45px;
    -webkit-touch-callout:none;
    -khtml-user-select:none;
    -ms-user-select:none;
    -moz-user-select:none;
    -webkit-user-select:none;
    -o-user-select:none;
    user-select:none;
    border-bottom:1px solid #d5d6d2;
    font-size:.1px;
    line-height:.1px;
    text-align:right;
    margin-bottom:10px;
    position:relative;
}

.articlelist>li .controls .format-title {
    text-transform:uppercase;
    font-size:10px;
    display:block;
    color:#7f7f7f;
    color:rgba(74,60,49,0.75);
    position:absolute;
    left:15px;
    top:50%;
}

.articlelist>li .controls .format-title:before {
    font-family:SSFlow;
    font-size:11px;
    padding-right:3px;
    color:#c7c2ba;
    position:relative;
    top:2px;
}

@media screen and min-width1250px {
    .articlelist>li .controls .format-title {
        left:10px;
    }
}

.format-book .format-title:before {
    content:'\1F4D5';
}

.format-video .format-title:before {
    content:'\1F4F9';
}

.articlelist .rec-delete,.articlelist .rec-fav {
    -moz-padding:10px 12px 10px;
    -webkit-padding:10px 12px 10px;
    -o-padding:10px 12px 10px;
    padding:10px 12px;
    -moz-margin:3px;
    -webkit-margin:3px;
    -o-margin:3px;
    margin:3px;
}

.rec-delete,.rec-fav {
    text-shadow:none;
    -moz-transition:all .15s ease-in-out;
    -webkit-transition:all .15s ease-in-out;
    -o-transition:all .15s ease-in-out;
    transition:all .15s ease-in-out;
    text-transform:lowercase;
    cursor:pointer;
    display:inline-block;
    text-align:center;
    -moz-border-radius:0;
    -webkit-border-radius:0;
    -o-border-radius:0;
    border-radius:0;
}

.rec-delete.invalid,.rec-delete:disabled,.rec-fav.invalid,.rec-fav:disabled {
    background-color:transparent;
    color:#7f7f7f;
    color:rgba(74,60,49,0.75);
}

.rec-delete:before,.rec-fav:before {
    vertical-align:middle;
    font-size:14px;
    font-size:.875rem;
}

.touch .rec-delete:focus,.touch .rec-fav:focus,.touch .rec-fav:active,.touch .rec-fav:hover {
    background:transparent none no-repeat scroll 0 0;
}

.rec-fav.active,.rec-fav.active:before {
    color:#e98300; /* *orange* */
}

.no-touch button.rec-fav:hover {
    color:#e98300; /* *orange* */
}

.no-touch button.rec-fav:focus {
    color:#999;
}

.no-touch button.rec-delete:hover,.no-touch button.rec-delete:focus {
    color:#ea6d60;
}

@media screen and max-width1250px {
    .no-touch .articlelist button.rec-fav:hover,.no-touch .articlelist button.rec-delete:hover {
        background-color:#EEE;
    }
}

.progress .bar {
    display:table-cell;
    width:100%;
}

.progress .gridtc {
    display:table-cell;
    white-space:nowrap;
}

.progress {
    display:table;
    font-size:12px;
    font-size:.75rem;
    display:block;
    margin:0;
    color:#7f7f7f;
    color:rgba(74,60,49,0.65);
    -webkit-font-smoothing:subpixel-antialiased;
    text-transform:uppercase;
    letter-spacing:1px;
}

.progress .bar {
    display:table-cell;
    width:100%;
    vertical-align:middle;
}

.progress .prog-text {
    display:table-cell;
    white-space:nowrap;
    padding-left:10px;
    vertical-align:middle;
}

.progress .per {
    display:block;
    height:8px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    -o-border-radius:5px;
    border-radius:5px;
    background-color:#d5d6d2;
    padding:0;
}

.progress .per .time {
    display:block;
    margin:0;
    height:8px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    -o-border-radius:5px;
    border-radius:5px;
    background-color:#999082;
}

.sort-box {
    font-size:20px;
    line-height:1.3em;
    margin-bottom:1em;
    text-align:right;
    color:#777;
    font-weight:300;
}

@media screen and min-width40625em {
    .sort-box {
        max-width:650px;
    }
}

@media screen and min-width96125em {
    .sort-box {
        max-width:1315px;
    }
}

@media screen and min-width1375625em {
    .sort-box {
        max-width:1975px;
    }
}

@media screen and min-width179em {
    .sort-box {
        max-width:2635px;
    }
}

@media screen and min-width2204375em {
    .sort-box {
        max-width:100%;
    }
}

.recommended-reason {
    padding:5px 15px;
    background-color:#F7F7F7;
    border-top:1px solid #d5d6d2;
    color:#999;
}

.recommended-reason .book-title {
    font-size:14px;
}

.recommended-reason .book-title a {
    color:#7f7f7f;
    color:rgba(74,60,49,0.75);
    text-decoration:underline;
}

.recommended-reason .book-title a:focus,.recommended-reason .book-title a:hover {
    color:#e98300; /* *orange* */
}

.recommended-reason .book-title .topic-display li {
    font-size:14px;
}

.topic-display li {
    display:inline-block;
    font-size:12px;
    font-size:.75rem;
    color:#777;
    -webkit-font-smoothing:subpixel-antialiased;
}

.topic-display li .topic {
    color:#e98300; /* *orange* */
}

.topic-display li:after {
    color:#ccc;
    content:' / ';
}

.topic-display li:last-child:after {
    content:'';
}

[class*="hex-"] .topic-display li:after {
    content:'';
}

@-webkit-keyframes slideUp {
0-moz-transform:translateY(100%);
-webkit-transform:translateY(100%);
-o-transform:translateY(100%);
transform:translateY(100%);
}

100% {
    -moz-transform:translateY(0%);
    -webkit-transform:translateY(0%);
    -o-transform:translateY(0%);
    transform:translateY(0%);
}
}

@-moz-keyframes slideUp {
0-moz-transform:translateY(100%);
-webkit-transform:translateY(100%);
-o-transform:translateY(100%);
transform:translateY(100%);
}

100% {
    -moz-transform:translateY(0%);
    -webkit-transform:translateY(0%);
    -o-transform:translateY(0%);
    transform:translateY(0%);
}
}

@-o-keyframes slideUp {
0-moz-transform:translateY(100%);
-webkit-transform:translateY(100%);
-o-transform:translateY(100%);
transform:translateY(100%);
}

100% {
    -moz-transform:translateY(0%);
    -webkit-transform:translateY(0%);
    -o-transform:translateY(0%);
    transform:translateY(0%);
}
}

@keyframes slideUp {
0-moz-transform:translateY(100%);
-webkit-transform:translateY(100%);
-o-transform:translateY(100%);
transform:translateY(100%);
}

100% {
    -moz-transform:translateY(0%);
    -webkit-transform:translateY(0%);
    -o-transform:translateY(0%);
    transform:translateY(0%);
}
}

.trial-banner {
    background-color:#fff;
    margin:0 20px 20px;
    -webkit-border-radius:5px;
    border-radius:5px;
    text-align:center;
    padding:15px;
    border:1px solid rgba(0,0,0,0.2);
    -webkit-box-shadow:0 0 10px #ccc;
    box-shadow:0 0 10px #ccc;
}

.trial-banner h1 {
    font-size:38px;
    font-size:2.375rem;
    font-weight:400;
    margin-bottom:0;
    line-height:1.15em;
}

@media screen and max-width53125em {
    .trial-banner h1 {
        font-size:35px;
        font-size:2.1875rem;
    }
}

.trial-banner p {
    font-size:24px;
    font-size:1.5rem;
    font-weight:300;
    color:#999;
    margin-bottom:1em;
    line-height:1.1em;
}

.trial-banner.trial-expired {
    padding:15px 0;
}

.trial-banner.trial-expired h1 {
    font-size:26px;
    font-size:1.625rem;
}

@media screen and max-width325625em {
    .trial-banner.trial-expired h1 {
        font-size:21px;
        font-size:1.3125rem;
    }
}

.trial-banner .red-banner {
    background-color:#ea6d60;
    color:#FFF;
    padding:15px 10% 25px;
    font-weight:300;
    margin-bottom:20px;
}

.js-disable-shortcuts label {
    display:inline-block;
    margin:0 0 0 10px;
}

.keyboard-shortcuts-pane {
    font-family:"source sans pro",Helvetica,Arial,sans-serif!important;
    overflow:hidden;
    clear:both;
}

.keyboard-shortcuts-pane .inner .headline {
    border-bottom:1px solid #CCC;
    padding:6px 0;
    padding:.375rem 0;
    -moz-border-radius:5px 5px 0 0;
    -webkit-border-radius:5px 5px 0 0;
    -o-border-radius:5px 5px 0 0;
    border-radius:5px 5px 0 0;
    height:50px;
}

.keyboard-shortcuts-pane .inner .headline h2 {
    margin:0;
    color:#777;
    font-size:21px;
    font-size:1.3125rem;
    padding:10px;
    padding:.625rem;
    line-height:1em;
    float:left!important;
}

.keyboard-shortcuts-pane .inner .headline .js-close {
    width:20px;
    height:20px;
    display:block;
    float:right;
    font-size:21px;
    font-size:1.3125rem;
    margin:11px 15px 0;
    margin:.6875rem .9375rem 0;
    color:#999;
    text-decoration:none;
    line-height:1em;
}

.keyboard-shortcuts-pane .inner .headline .js-close:focus,.keyboard-shortcuts-pane .inner .headline .js-close:hover {
    color:#666;
}

.keyboard-shortcuts-pane .inner .headline .js-close span {
    display:block;
    text-indent:-99999px;
}

.keyboard-shortcuts-pane .inner h4 {
    margin:0;
    font-size:18px;
    font-size:1.125rem;
    color:#777;
}

.keyboard-shortcuts-pane .inner .disable-shortcuts {
    clear:both;
    padding:0 0 10px 20px;
    padding:0 0 .625rem 1.25rem;
    font-size:smaller;
}

.keyboard-shortcuts-pane .inner.popup {
    color:#777;
    width:600px;
    background-color:white;
    position:fixed;
    z-index:9999;
    top:100px;
    left:50%;
    margin-left:-300px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    -o-border-radius:5px;
    border-radius:5px;
    min-height:250px;
    -moz-transition:height .15s ease-in-out;
    -webkit-transition:height .15s ease-in-out;
    -o-transition:height .15s ease-in-out;
    transition:height .15s ease-in-out;
    border:1px solid #b3b3b3!important;
    -moz-box-shadow:0 3px 0 #e6e6e6;
    -webkit-box-shadow:0 3px 0 #e6e6e6;
    -o-box-shadow:0 3px 0 #e6e6e6;
    box-shadow:0 3px 0 #e6e6e6;
}

@media screen and max-width620px {
    .keyboard-shortcuts-pane .inner {
        display:none;
    }
}

.keyboard-shortcuts-pane .inner .tooltip-inner {
    max-width:100%!important;
    width:100%;
}

.keyboard-shortcuts-pane .inner .column {
    width:50%;
}

.keyboard-shortcuts-pane .inner .column.right {
    float:right;
    padding:10px 40px 20px 0;
    padding:.625rem 2.5rem 1.25rem 0;
}

.keyboard-shortcuts-pane .inner .column.left {
    padding:10px 0 20px 40px;
    padding:.625rem 0 1.25rem 2.5rem;
    float:left;
}

.keyboard-shortcuts-pane .inner .key {
    padding:5px 6px;
    padding:.3125rem .375rem;
    color:#777;
    font-family:Monaco,"Liberation Mono",Courier,monospace;
    line-height:1;
    display:inline-block;
    font-size:12px;
    font-size:.75rem;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    -o-border-radius:5px;
    border-radius:5px;
    background:#d8d8d8;
    background:0;
    background:0;
    background:0;
    background:0;
    background:0;
    background:linear-gradient(tobottom,#d8d8d80,#f2f2f2100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d8d8d8',endColorstr='#f2f2f2',GradientType=0);
    box-shadow:inset 0 1px 0 #fff,0 1px 0 #ccc;
    -webkit-box-shadow:inset 0 1px 0 #fff,0 1px 0 #ccc;
    border:1px solid #CCC;
}

.keyboard-shortcuts-pane .inner th,.keyboard-shortcuts-pane .inner td {
    display:table-cell;
}

.keyboard-shortcuts-pane .inner tr {
    display:table-row;
    vertical-align:inherit;
    border-color:inherit;
}

.keyboard-shortcuts-pane .inner th {
    text-align:left;
    color:#00b78a;
    font-weight:bold;
    padding:10px 0;
    padding:.625rem 0;
}

.keyboard-shortcuts-pane .inner td {
    padding:3px 0;
    padding:.1875rem 0;
    vertical-align:top;
    line-height:20px;
    line-height:1.25rem;
    font-size:16px;
    font-size:1rem;
}

.keyboard-shortcuts-pane .inner td.keys {
    text-align:right;
    padding-right:10px;
    white-space:nowrap;
}

.chat-wrapper {
    position:fixed;
    z-index:1000;
    color:#fff;
    font-size:16px;
    font-size:1rem;
}

.chat-wrapper a,.chat-wrapper a:hover {
    text-decoration:none;
}

.chat-wrapper input.sales-chat-btn {
    -webkit-border-radius:5px 0 0 5px;
    border-radius:5px 0 0 5px;
    cursor:pointer;
    display:block!important;
    white-space:normal;
}

.chat-wrapper input.sales-chat-btn:focus,.chat-wrapper input.sales-chat-btn:hover {
    text-decoration:none;
}

.chat-wrapper input:focus {
    box-shadow:none;
    border:none;
}

.subscribe-nag .chat-wrapper {
    visibility:hidden;
}

@media screen and min-width450px {
    .chat-wrapper {
        right:0;
        bottom:50%!important;
        margin-bottom:-107px;
        display:block;
    }

    .chat-wrapper.slideUp {
        visibility:visible!important;
    }

    .chat-wrapper input.sales-chat-btn {
        background:#e98300 url(/static/images/sales-chat.b4aae0d859cc.svg) no-repeat 25px 158px;
        background-size:40px;
        width:90px;
        height:215px;
        padding:12px 9px 81px;
        font:400 1.05em/1.38 'Source Sans Pro';
    }

    .expanded .live-agent {
        width:188px;
        margin:0 auto;
        display:block;
        position:relative;
    }

    .expanded .live-agent:before {
        content:url('/static/images/sales-chat.b4aae0d859cc.svg');
        position:absolute;
        left:8px;
        top:13px;
        z-index:10;
    }

    .expanded .live-agent input {
        white-space:normal;
        background:#e98300 none no-repeat 0 0; /* *orange* */
        background-size:36px;
        padding-left:60px;
        text-align:left;
        line-height:1em;
        transition:all 0 linear 0;
    }

    .expanded .live-agent input:focus,.expanded .live-agent input:hover {
        background:#e98300; /* *orange* */
        background-image:0;
        background-image:0;
        background-image:0;
        background-image:0;
        background-image:0;
        background-image:linear-gradient(tobottom,#fed1000,#e98300100%);
        text-decoration:none!important;
        background-size:100%;
    }
}

@media screen and max-width449px {
    .chat-wrapper {
        bottom:0;
        left:50%;
        padding:0;
        margin-left:-25.5%;
        width:50%;
        position:fixed;
    }

    .chat-wrapper input.sales-chat-btn {
        background:#e98300 url(/static/images/sales-chat.b4aae0d859cc.svg) no-repeat 9px 15px;
        border-radius:4px 4px 0 0;
        -webkit-border-radius:4px 4px 0 0;
        margin-left:5px;
        font:400 .95em/1.1 'Source Sans Pro';
        text-align:left;
        padding:.0125rem .65rem 0 2.75rem;
        background-size:25px;
        height:60px;
    }

    .chat-wrapper.slideUp {
        bottom:-70px!important;
        visibility:visible!important;
    }

    .register .chat-wrapper {
        display:none;
    }

    .subscribe-nag .expanded .live-agent {
        width:172px;
        margin:0 auto;
        display:block;
    }

    .subscribe-nag .expanded .live-agent input {
        white-space:normal;
        background:#e98300 url(/static/images/sales-chat.b4aae0d859cc.svg) no-repeat 9px 12px;
        background-size:36px;
        padding:10px 9px 10px 55px;
        text-align:left;
        line-height:1em;
        margin:.25rem 0 .625rem!important;
    }

    .subscribe-nag .chat-wrapper {
        bottom:-300%;
        position:absolute;
        left:0;
        margin:0;
        margin-left:0;
    }
}

.cover {
    display:inline-block;
}

.cover a {
    position:relative;
    display:block;
    max-width:100%;
}

.cover span {
    display:block;
}

.cover img {
    max-width:100%;
    height:auto;
    display:block;
    box-shadow:2px 0 6px 0 rgba(0,0,0,0.2);
}

.format-video .cover a:before,.detail-video .cover a:before {
    content:'';
    background:transparent url(/static/images/sunshine_prompt.b3c437d75a99.svg) no-repeat scroll 8px center;
    background-color:#c7c2ba;
    background-color:rgba(7,12,15,0.5);
    background-size:50px 59px;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    -o-border-radius:50%;
    border-radius:50%;
    position:absolute;
    height:60px;
    width:60px;
    line-height:50px;
    margin-top:-30px;
    margin-left:-30px;
    top:50%;
    left:50%;
    text-align:center;
    text-indent:3px;
    text-decoration:none;
    z-index:1;
}

.detail-video .cover a:before {
    height:50px;
    width:50px;
    margin:-25px 0 0 -25px;
    background-size:40px 90px;
}

.results-list .cover {
    float:left;
    margin-left:-75px;
}

.results-list .cover img {
    max-width:60px;
}

@mediamin-width450px {
    .results-list .cover {
        margin-left:-90px;
    }

    .results-list .cover img {
        max-width:73px;
        width:73px;
    }
}

.articlelist>li.format-video .cover {
    max-width:122px;
    max-width:7.625rem;
    height:70px;
    overflow:hidden;
}

.articlelist>li.format-video .cover a {
    max-height:70px;
}

.articlelist>li .cover {
    float:left;
    width:100%;
    max-width:65px;
    max-width:4.0625rem;
    margin:2px 15px 5px 0;
    margin:.125rem .9375rem .3125rem 0;
}

.articlelist>li .cover a {
    border:1px solid transparent;
}

.articlelist>li .cover a:focus {
    border:1px solid #e98300; /* *orange* */
}

.rec-delete,.rec-fav {
    -moz-box-shadow:none;
    -webkit-box-shadow:none;
    -o-box-shadow:none;
    box-shadow:none;
    line-height:1;
    margin:0;
    padding:0;
    color:#ccc;
    border:none;
    background:none;
    font-weight:normal;
}

.no-touch .rec-delete:focus,.no-touch .rec-fav:focus,.no-touch .rec-delete:hover,.no-touch .rec-fav:hover {
    background:transparent;
    color:#ccc;
}

.rec-delete:active,.rec-fav:active {
    top:0;
}

.django-messages>li {
    position:relative;
    margin:16px 25px;
    margin:1rem 1.5625rem;
    padding:16px;
    padding:1rem;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    -o-border-radius:3px;
    border-radius:3px;
    color:white;
}

@media screen and max-width30em {
    .django-messages>li {
        margin:16px 15px;
        margin:1rem .9375rem;
    }
}

.django-messages .success,.django-messages .info {
    background:#e98300; /* *orange* */
    font-family:"source sans pro",sans-serif;
    font-weight:400;
}

.django-messages .success a,.django-messages .info a {
    color:#fff;
    text-decoration:underline;
}

.django-messages .success a.close,.django-messages .info a.close {
    text-decoration:none;
}

.django-messages .success:before,.django-messages .info:before {
    speak:none;
    content:'\2713';
    position:relative;
    top:3px;
    font-size:21px;
    padding-right:16px;
    padding-right:1rem;
    color:white;
    font-family:SSFlow;
}

.django-messages .welcome-banner {
    background-color:white;
    color:#333;
    padding:2px 16px;
    padding:.125rem 1rem;
}

.django-messages .welcome-banner h2 {
    margin-bottom:0;
    line-height:1.15em;
}

.django-messages .welcome-banner p {
    margin-top:10px;
}

.django-messages .alert {
    background-color:#e5c15e;
    color:white;
}

.django-messages .alert:before {
    content:'';
    background:url(/static/images/alert.7472abfe9ca9.png) no-repeat;
    background-size:25px;
    width:25px;
    height:21px;
    display:block;
    margin-top:-3px;
}

.django-messages .alert a {
    color:white;
    text-decoration:underline;
}

.django-messages .warning,.django-messages .error {
    background-color:#e5c15e;
}

.django-messages .warning:before,.django-messages .error:before {
    speak:none;
    content:'\1F6AB';
    position:relative;
    top:3px;
    font-size:21px;
    padding-right:12px;
    padding-right:.75rem;
    color:white;
    font-family:SSFlow;
}

.django-messages .error,.django-messages .nagbar {
    background-color:#ea6d60;
}

.django-messages .error .buttongroup,.django-messages .nagbar .buttongroup {
    height:16px;
    height:1rem;
    overflow:visible;
    display:inline-block;
    margin:0;
    padding-left:12px;
    padding-left:.75rem;
}

.django-messages .error a,.django-messages .nagbar a {
    color:white;
}

.django-messages .nagbar:before {
    content:none;
}

.django-messages .close {
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    width:40px;
    height:40px;
    font-size:20px;
    font-size:1.25rem;
    text-decoration:none;
}

.django-messages .close span {
    visibility:hidden;
    position:absolute;
    top:0;
    left:0;
    width:100%;
}

.django-messages .close:before {
    speak:none;
    position:relative;
    background:#ababab;
    background:rgba(0,0,0,0.33);
    top:12px;
    left:8px;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    -o-border-radius:50%;
    border-radius:50%;
    padding:5px 6px 3px;
    padding:.3125rem .375rem .1875rem;
    height:24px;
    width:24px;
    line-height:24px;
    font-size:12px;
    color:white;
    font-family:SSFlow;
    content:'\2421';
}

.pass-rules {
    font-size:14px;
    color:#555;
}

.pass-rules h4 {
    font-weight:bold;
    margin:0;
    padding:0;
}

.pass-rules ul {
    list-style-type:disc;
    margin:0 0 1em 1.5em;
}

.servererror {
    font-family:"source sans pro",sans-serif;
}

.servererror #masthead {
    background-color:#070c0f;
    width:100%;
    min-width:230px;
    font-weight:bold;
}

.servererror #masthead h1 {
    margin:0;
    padding:.5em;
}

.servererror #masthead h1 a {
    color:#fff;
    text-decoration:none;
}

.servererror section img {
    display:block;
    margin:.5em auto;
    max-width:50%;
}

.servererror .pod {
    text-align:center;
}

.servererror footer {
    padding:1.5em;
}

.servererror h1 {
    color:#777;
    display:inline-block;
    padding:0 16px;
    padding:0 1rem;
    margin:0 0 16px;
    margin:0 0 1rem;
}

.servererror.js-error,.servererror.js-error .pod {
    background:#f7f7f7;
}

.enable-js {
    font-family:"source sans pro",sans-serif;
    min-height:300px;
    padding:1em;
}

div.recommendations_debug {
    padding-left:5px;
}

.recommendations_debug div {
    padding-left:5px;
}

.recommendations_debug ul {
    padding-left:5px;
    padding-top:5px;
}

.recommendations_debug li {
    padding-left:5px;
}

@-webkit-keyframes animateIn {
0-moz-transform:scale(0);
-webkit-transform:scale(0);
-o-transform:scale(0);
transform:scale(0);
opacity:.0;
}

60% {
    -moz-transform:scale(1.5);
    -webkit-transform:scale(1.5);
    -o-transform:scale(1.5);
    transform:scale(1.5);
}

80% {
    -moz-transform:scale(0.9);
    -webkit-transform:scale(0.9);
    -o-transform:scale(0.9);
    transform:scale(0.9);
    opacity:1;
}

100% {
    -moz-transform:scale(1);
    -webkit-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1);
    opacity:1;
}
}

@-moz-keyframes animateIn {
0-moz-transform:scale(0);
-webkit-transform:scale(0);
-o-transform:scale(0);
transform:scale(0);
opacity:.0;
}

60% {
    -moz-transform:scale(1.5);
    -webkit-transform:scale(1.5);
    -o-transform:scale(1.5);
    transform:scale(1.5);
}

80% {
    -moz-transform:scale(0.9);
    -webkit-transform:scale(0.9);
    -o-transform:scale(0.9);
    transform:scale(0.9);
    opacity:1;
}

100% {
    -moz-transform:scale(1);
    -webkit-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1);
    opacity:1;
}
}

@-o-keyframes animateIn {
0-moz-transform:scale(0);
-webkit-transform:scale(0);
-o-transform:scale(0);
transform:scale(0);
opacity:.0;
}

60% {
    -moz-transform:scale(1.5);
    -webkit-transform:scale(1.5);
    -o-transform:scale(1.5);
    transform:scale(1.5);
}

80% {
    -moz-transform:scale(0.9);
    -webkit-transform:scale(0.9);
    -o-transform:scale(0.9);
    transform:scale(0.9);
    opacity:1;
}

100% {
    -moz-transform:scale(1);
    -webkit-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1);
    opacity:1;
}
}

@keyframes animateIn {
0-moz-transform:scale(0);
-webkit-transform:scale(0);
-o-transform:scale(0);
transform:scale(0);
opacity:.0;
}

60% {
    -moz-transform:scale(1.5);
    -webkit-transform:scale(1.5);
    -o-transform:scale(1.5);
    transform:scale(1.5);
}

80% {
    -moz-transform:scale(0.9);
    -webkit-transform:scale(0.9);
    -o-transform:scale(0.9);
    transform:scale(0.9);
    opacity:1;
}

100% {
    -moz-transform:scale(1);
    -webkit-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1);
    opacity:1;
}
}

.annotator-notice {
    display:none!important;
}

#sbo-rt-content {
    position:static!important;
    -webkit-transform:none;
}

#sbo-rt-content .annotator-wrapper {
    margin:0;
}

#sbo-rt-content .annotator-wrapper .chapter {
    overflow:hidden;
}

#sbo-rt-content .annotator-wrapper ::selection {
    background:rgba(254,209,0,0.3);
}

#sbo-rt-content .annotator-wrapper ::-moz-selection {
    background:rgba(254,209,0,0.3);
}

#sbo-rt-content .annotator-wrapper .annotator-hl {
    background:rgba(254,209,0,0.3);
}

#sbo-rt-content .annotator-wrapper .annotator-item {
    list-style-type:none;
    margin-left:0;
}

#sbo-rt-content .annotator-wrapper .animateIn {
    animation-name:animateIn;
    -webkit-animation-name:animateIn;
    animation-duration:.35s;
    -webkit-animation-duration:.35s;
    animation-timing-function:ease-in-out;
    -webkit-animation-timing-function:ease-in-out;
    visibility:visible;
}

#sbo-rt-content .annotator-wrapper .annotator-editor:nth-child(2) {
    display:none;
}

#sbo-rt-content .annotator-wrapper .annotator-viewer.viewer,#sbo-rt-content .annotator-wrapper .annotator-touch-controls {
    left:auto!important;
    right:-65px;
    position:absolute;
}

#sbo-rt-content .annotator-wrapper .annotator-viewer.viewer .annotator-item,#sbo-rt-content .annotator-wrapper .annotator-touch-controls .annotator-item {
    display:block;
    height:60px;
}

@media screen and max-width575625em {
    #sbo-rt-content .annotator-wrapper .annotator-viewer.viewer,#sbo-rt-content .annotator-wrapper .annotator-touch-controls {
        right:10px;
    }
}

@media screen and max-width325625em {
    #sbo-rt-content .annotator-wrapper .annotator-viewer.viewer,#sbo-rt-content .annotator-wrapper .annotator-touch-controls {
        right:2px;
    }
}

#sbo-rt-content .annotator-wrapper .annotator-viewer.viewer div,#sbo-rt-content .annotator-wrapper .annotator-touch-controls div {
    display:none;
}

#sbo-rt-content .annotator-wrapper .annotator-viewer.viewer .annotator-widget,#sbo-rt-content .annotator-wrapper .annotator-touch-controls .annotator-widget {
    margin-top:0!important;
}

#sbo-rt-content .annotator-wrapper .annotator-viewer.viewer button.annotator-edit,#sbo-rt-content .annotator-wrapper .annotator-viewer.viewer .annotator-button.annotator-edit,#sbo-rt-content .annotator-wrapper .annotator-touch-controls button.annotator-edit,#sbo-rt-content .annotator-wrapper .annotator-touch-controls .annotator-button.annotator-edit {
    padding:8px;
    padding:.5rem;
    -moz-transition:all .2s ease-in-out;
    -webkit-transition:all .2s ease-in-out;
    -o-transition:all .2s ease-in-out;
    transition:all .2s ease-in-out;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    -o-border-radius:5px;
    border-radius:5px;
    -moz-box-shadow:0 0 0 transparent;
    -webkit-box-shadow:0 0 0 transparent;
    -o-box-shadow:0 0 0 transparent;
    box-shadow:0 0 0 transparent;
    background-color:#FFF!important;
    border:1px solid #e98300; /* *orange* */
    position:relative;
    text-indent:0;
    width:48px;
    height:49px;
    cursor:pointer;
}

#sbo-rt-content .annotator-wrapper .annotator-viewer.viewer button.annotator-edit:before,#sbo-rt-content .annotator-wrapper .annotator-viewer.viewer .annotator-button.annotator-edit:before,#sbo-rt-content .annotator-wrapper .annotator-touch-controls button.annotator-edit:before,#sbo-rt-content .annotator-wrapper .annotator-touch-controls .annotator-button.annotator-edit:before {
    font-family:SSFlow;
    content:'\F707';
    height:48px;
    width:49px;
    font-size:26px;
    font-size:1.625rem;
    top:11px;
    position:relative;
    color:#e98300;  /* *orange* */
    opacity:.7;
    -moz-transition:opacity .3s ease-in-out;
    -webkit-transition:opacity .3s ease-in-out;
    -o-transition:opacity .3s ease-in-out;
    transition:opacity .3s ease-in-out;
    text-shadow:0 0 0 transparent;
}

#sbo-rt-content .annotator-wrapper .annotator-viewer.viewer button.annotator-edit:focus,#sbo-rt-content .annotator-wrapper .annotator-viewer.viewer button.annotator-edit:hover,#sbo-rt-content .annotator-wrapper .annotator-viewer.viewer .annotator-button.annotator-edit:focus,#sbo-rt-content .annotator-wrapper .annotator-viewer.viewer .annotator-button.annotator-edit:hover,#sbo-rt-content .annotator-wrapper .annotator-touch-controls button.annotator-edit:focus,#sbo-rt-content .annotator-wrapper .annotator-touch-controls button.annotator-edit:hover,#sbo-rt-content .annotator-wrapper .annotator-touch-controls .annotator-button.annotator-edit:focus,#sbo-rt-content .annotator-wrapper .annotator-touch-controls .annotator-button.annotator-edit:hover {
    background:#FFF none no-repeat scroll 0 0!important;
}

#sbo-rt-content .annotator-wrapper .annotator-viewer.viewer button.annotator-edit:focus:before,#sbo-rt-content .annotator-wrapper .annotator-viewer.viewer button.annotator-edit:hover:before,#sbo-rt-content .annotator-wrapper .annotator-viewer.viewer .annotator-button.annotator-edit:focus:before,#sbo-rt-content .annotator-wrapper .annotator-viewer.viewer .annotator-button.annotator-edit:hover:before,#sbo-rt-content .annotator-wrapper .annotator-touch-controls button.annotator-edit:focus:before,#sbo-rt-content .annotator-wrapper .annotator-touch-controls button.annotator-edit:hover:before,#sbo-rt-content .annotator-wrapper .annotator-touch-controls .annotator-button.annotator-edit:focus:before,#sbo-rt-content .annotator-wrapper .annotator-touch-controls .annotator-button.annotator-edit:hover:before {
    opacity:1;
}

#sbo-rt-content .annotator-wrapper .annotator-viewer.viewer button.annotator-edit span,#sbo-rt-content .annotator-wrapper .annotator-viewer.viewer .annotator-button.annotator-edit span,#sbo-rt-content .annotator-wrapper .annotator-touch-controls button.annotator-edit span,#sbo-rt-content .annotator-wrapper .annotator-touch-controls .annotator-button.annotator-edit span {
    display:block;
    text-indent:-99999px;
}

#sbo-rt-content .annotator-wrapper .toggle_public ul {
    margin:0;
    padding:0;
}

#sbo-rt-content .annotator-wrapper .toggle_public ul li {
    font-family:'Source Sans Pro',arial,sans-serif;
    font-size:.9em!important;
    list-style-type:none;
    margin:0 10px 0 0!important;
    float:left;
    color:#4a3c31;
}

#sbo-rt-content .annotator-wrapper .toggle_public ul li input+span {
    opacity:.75;
}

#sbo-rt-content .annotator-wrapper .toggle_public ul li input:checked+span {
    opacity:1;
}

#sbo-rt-content .annotator-wrapper .annotator-adder {
    position:absolute!important;
    right:-65px!important;
    font-family:'Source Sans Pro'!important;
    left:auto!important;
}

@media screen and max-width556875em {
    #sbo-rt-content .annotator-wrapper .annotator-adder {
        right:-18px!important;
    }
}

@media screen and max-width50em {
    #sbo-rt-content .annotator-wrapper .annotator-adder {
        right:0!important;
    }
}

#sbo-rt-content .annotator-wrapper .annotator-adder button,#sbo-rt-content .annotator-wrapper .annotator-adder .annotator-button {
    padding:8px;
    padding:.5rem;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    -o-border-radius:5px;
    border-radius:5px;
    background-color:#FFF;
    position:relative;
    text-indent:0;
    width:48px;
    height:52px;
    cursor:pointer;
    border-bottom:none;
    background-size:contain;
    border:1px solid #CCC;
    text-shadow:0 0 0 transparent!important;
}

#sbo-rt-content .annotator-wrapper .annotator-adder button:after,#sbo-rt-content .annotator-wrapper .annotator-adder button:before,#sbo-rt-content .annotator-wrapper .annotator-adder .annotator-button:after,#sbo-rt-content .annotator-wrapper .annotator-adder .annotator-button:before {
    width:0;
    height:0;
    border:.65em solid;
    border-color:transparent #ccc #ccc transparent;
    -moz-transform:rotate(136deg);
    -webkit-transform:rotate(136deg);
    -o-transform:rotate(136deg);
    transform:rotate(136deg);
    content:"";
    left:-10px;
    top:15px;
    position:absolute;
}

#sbo-rt-content .annotator-wrapper .annotator-adder button:after,#sbo-rt-content .annotator-wrapper .annotator-adder .annotator-button:after {
    left:-9px;
    border-color:transparent #fff #fff transparent;
}

#sbo-rt-content .annotator-wrapper .annotator-adder button span,#sbo-rt-content .annotator-wrapper .annotator-adder .annotator-button span {
    display:block;
}

#sbo-rt-content .annotator-wrapper .annotator-adder button span:before,#sbo-rt-content .annotator-wrapper .annotator-adder .annotator-button span:before {
    font-family:SSFlow;
    content:'\F707';
    height:48px;
    width:49px;
    font-size:26px;
    font-size:1.625rem;
    top:11px;
    position:relative;
    color:#b3b3b3;
}

#sbo-rt-content .annotator-wrapper .annotator-adder button:focus,#sbo-rt-content .annotator-wrapper .annotator-adder button:hover,#sbo-rt-content .annotator-wrapper .annotator-adder .annotator-button:focus,#sbo-rt-content .annotator-wrapper .annotator-adder .annotator-button:hover {
    -moz-transition:all .3s ease-in-out;
    -webkit-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out;
    background-image:none!important;
    border:1px solid #e98300; /* *orange* */
}

#sbo-rt-content .annotator-wrapper .annotator-adder button:focus:before,#sbo-rt-content .annotator-wrapper .annotator-adder button:hover:before,#sbo-rt-content .annotator-wrapper .annotator-adder .annotator-button:focus:before,#sbo-rt-content .annotator-wrapper .annotator-adder .annotator-button:hover:before {
    border-color:transparent #e98300 #e98300 transparent;
    -moz-transition:all .3s ease-in-out;
    -webkit-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out;
}

#sbo-rt-content .annotator-wrapper .annotator-adder button:focus span:before,#sbo-rt-content .annotator-wrapper .annotator-adder button:hover span:before,#sbo-rt-content .annotator-wrapper .annotator-adder .annotator-button:focus span:before,#sbo-rt-content .annotator-wrapper .annotator-adder .annotator-button:hover span:before {
    -moz-transition:all .3s ease-in-out;
    -webkit-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out;
    color:#e98300;  /* *orange* */
}

#sbo-rt-content .annotator-wrapper .annotator-editor-wrapper {
    position:absolute;
    z-index:29;
    width:100%;
    max-width:650px;
    margin-left:-322px!important;
    left:50%!important;
    min-height:250px;
    -moz-transition:height .15s ease-in-out;
    -webkit-transition:height .15s ease-in-out;
    -o-transition:height .15s ease-in-out;
    transition:height .15s ease-in-out;
    background:white url(/static/images/loading.652a04520e35.gif) no-repeat scroll center center;
    display:none;
    right:auto!important;
    top:130px;
    height:auto!important;
    border:1px solid #b3b3b3!important;
    -moz-radius:all 5px;
    -webkit-radius:all 5px;
    -o-radius:all 5px;
    radius:all 5px;
    -moz-box-shadow:0 3px 0 #e6e6e6;
    -webkit-box-shadow:0 3px 0 #e6e6e6;
    -o-box-shadow:0 3px 0 #e6e6e6;
    box-shadow:0 3px 0 #e6e6e6;
    -webkit-border-radius:5px;
    border-radius:5px;
    font-size:100%!important;
}

#sbo-rt-content .annotator-wrapper .annotator-editor-wrapper div {
    margin:0!important;
}

@media screen and max-width53125em and min-width450625em {
    #sbo-rt-content .annotator-wrapper .annotator-editor-wrapper {
        max-width:80%!important;
        margin-left:0!important;
        left:10%!important;
    }
}

@media screen and max-width45em {
    #sbo-rt-content .annotator-wrapper .annotator-editor-wrapper {
        position:absolute!important;
        max-width:100%!important;
        left:0!important;
        margin-left:0!important;
        padding-bottom:10px;
    }

    #sbo-rt-content .annotator-wrapper .annotator-editor-wrapper .editor {
        float:left;
        height:100%;
        position:static!important;
        top:0!important;
    }

    #sbo-rt-content .annotator-wrapper .annotator-editor-wrapper .editor .annotator-widget {
        padding-bottom:85px;
        left:0!important;
    }

    #sbo-rt-content .annotator-wrapper .annotator-editor-wrapper .editor .annotator-widget .annotator-controls {
        position:absolute;
        right:15px;
        bottom:15px;
        background-color:transparent;
        border:none;
    }
}

#sbo-rt-content .annotator-wrapper .annotator-editor-wrapper .right,#sbo-rt-content .annotator-wrapper .annotator-editor-wrapper .left {
    margin:0!important;
}

#sbo-rt-content .annotator-wrapper .annotator-editor-wrapper .annotator-widget {
    background-color:#fff;
}

#sbo-rt-content .annotator-wrapper .annotator-editor-wrapper .social-media .left {
    line-height:1.3em;
}

#sbo-rt-content .annotator-wrapper .annotator-editor-wrapper .social-media .left a {
    margin-top:10px;
    display:block;
    font-size:.8em;
    line-height:1.3em;
}

#sbo-rt-content .annotator-wrapper .annotator-editor-wrapper .annotator-outer>.title {
    padding:0 15px 10px!important;
    margin:10px 0 0!important;
    border-bottom:1px solid #ddd!important;
    font:200 1.5em/1.38 'Source Sans Pro';
    color:#777!important;
}

#sbo-rt-content .annotator-wrapper .annotator-editor-wrapper .row {
    border-top:1px solid #ddd!important;
    padding:8px 0;
    display:block;
    float:left;
    width:100%;
}

#sbo-rt-content .annotator-wrapper .annotator-editor-wrapper .row.delete-highlight {
    padding:18px 0 8px;
}

#sbo-rt-content .annotator-wrapper .annotator-editor-wrapper .indent {
    padding:0 20px;
    margin-bottom:15px;
}

@media screen and max-width325625em {
    #sbo-rt-content .annotator-wrapper .annotator-editor-wrapper .indent {
        padding:0;
    }
}

#sbo-rt-content .annotator-wrapper .annotator-editor-wrapper .uppercase {
    text-transform:uppercase;
}

#sbo-rt-content .annotator-wrapper .annotator-editor-wrapper h4,#sbo-rt-content .annotator-wrapper .annotator-editor-wrapper small {
    color:#777;
    margin-top:5px!important;
    font:200 .8em/1.2 'Source Sans Pro';
}

@media screen and min-width450625em {
    #sbo-rt-content .annotator-wrapper .annotator-editor-wrapper .left {
        float:left;
        width:50%;
    }
}

#sbo-rt-content .annotator-wrapper .annotator-editor-wrapper .right {
    float:right;
}

@media screen and min-width450625em {
    #sbo-rt-content .annotator-wrapper .annotator-editor-wrapper .right {
        width:50%;
    }
}

#sbo-rt-content .annotator-wrapper .annotator-editor-wrapper .sans {
    font:300 .9em/1.2 'Source Sans Pro';
}

#sbo-rt-content .annotator-wrapper .annotator-editor-wrapper a {
    border-bottom:none!important;
    white-space:initial;
    color:#e98300;  /* *orange* */
}

#sbo-rt-content .annotator-wrapper .annotator-editor-wrapper a:focus,#sbo-rt-content .annotator-wrapper .annotator-editor-wrapper a:hover {
    text-shadow:0 0 0 transparent;
    text-decoration:underline;
    background:transparent none no-repeat scroll 0 0;
}

#sbo-rt-content .annotator-wrapper .annotator-editor-wrapper a.edit-highlight {
    color:#4a3c31;
    top:0;
    right:20px;
}

#sbo-rt-content .annotator-wrapper .annotator-editor-wrapper a.button {
    padding:10px 25px;
}

#sbo-rt-content .annotator-wrapper .annotator-editor-wrapper .annotator-delete {
    width:auto;
    color:#FFF;
}

#sbo-rt-content .annotator-wrapper .annotator-editor-wrapper .annotator-delete:hover {
    color:#FFF!important;
    text-shadow:0 0 0 transparent!important;
    background:#e98300;  /* *orange* */
    background-image:0;
    background-image:0;
    background-image:0;
    background-image:0;
    background-image:0;
    background-image:linear-gradient(tobottom,#fed1000,#e98300100%);
    text-decoration:none;
}

#sbo-rt-content .annotator-wrapper .annotator-editor-wrapper .grey-btn {
    width:auto;
    position:relative;
    top:10px;
    background:#c7c2ba none no-repeat scroll 0 0!important;
    color:#FFF!important;
}

#sbo-rt-content .annotator-wrapper .annotator-editor-wrapper .grey-btn:hover {
    text-decoration:none;
    color:#070c0f!important;
}

#sbo-rt-content .annotator-wrapper .annotator-editor-wrapper .js-close {
    width:20px;
    height:20px;
    background:transparent url(/static/images/close.a958325999a4.png) no-repeat scroll 0 0;
    display:block;
    text-indent:-99999px;
    position:absolute;
    right:20px;
    top:16px;
}

#sbo-rt-content .annotator-wrapper .annotator-editor-wrapper .js-close:focus,#sbo-rt-content .annotator-wrapper .annotator-editor-wrapper .js-close:hover {
    opacity:.8;
    background:transparent url(/static/images/close.a958325999a4.png) no-repeat scroll 0 0;
}

#sbo-rt-content .annotator-wrapper .annotator-editor-wrapper .social-sharing {
    float:right;
    margin:15px 0 0!important;
    padding:0!important;
    text-align:right;
}

#sbo-rt-content .annotator-wrapper .annotator-editor-wrapper .social-sharing li {
    margin:0 0 0 10px!important;
}

@media screen and max-width325625em {
    #sbo-rt-content .annotator-wrapper .annotator-editor-wrapper .social-sharing {
        padding:0!important;
        float:none;
        text-align:center;
    }
}

#sbo-rt-content .annotator-wrapper .annotator-editor-wrapper .delete-confirmation .annotator-widget {
    text-align:center;
}

#sbo-rt-content .annotator-wrapper .annotator-editor-wrapper .delete-confirmation .annotator-widget .annotator-controls {
    text-align:center;
    float:none!important;
}

#sbo-rt-content .annotator-wrapper .annotator-editor-wrapper .delete-confirmation .annotator-widget .annotator-controls a {
    margin-bottom:10px;
}

#sbo-rt-content .annotator-wrapper .annotator-editor-wrapper .annotator-widget {
    width:100%;
    left:auto;
    bottom:auto;
    position:relative;
    float:left;
    margin:0;
    padding:10px 25px;
}

#sbo-rt-content .annotator-wrapper .annotator-editor-wrapper .annotator-widget .delete-confirm {
    text-align:center;
    padding:25px 35px;
    font:300 1.25em/1.4 'Source Sans Pro'!important;
    color:#777;
}

@media screen and max-width325625em {
    #sbo-rt-content .annotator-wrapper .annotator-editor-wrapper .annotator-widget {
        padding:10px 15px;
    }
}

#sbo-rt-content .annotator-wrapper .annotator-editor-wrapper .annotator-widget .selected,#sbo-rt-content .annotator-wrapper .annotator-editor-wrapper .annotator-widget .comment {
    padding:0;
    font:400 .9em/1.3 'Source Sans Pro',arial,sans-serif!important;
    color:#777;
    overflow:hidden;
}

@media screen and max-width325625em {
    #sbo-rt-content .annotator-wrapper .annotator-editor-wrapper .annotator-widget .selected,#sbo-rt-content .annotator-wrapper .annotator-editor-wrapper .annotator-widget .comment {
        padding:0 0 12px!important;
    }
}

#sbo-rt-content .annotator-wrapper .annotator-editor-wrapper .annotator-widget .comment {
    padding:8px 0;
    font:200 1em/1.3 'Source Sans Pro',arial,sans-serif!important;
}

#sbo-rt-content .annotator-wrapper .annotator-editor-wrapper .annotator-widget .annotator-listing {
    padding:0!important;
    margin:0!important;
}

#sbo-rt-content .annotator-wrapper .annotator-editor-wrapper .annotator-widget .annotator-listing .annotator-item {
    list-style-type:none;
}

#sbo-rt-content .annotator-wrapper .annotator-editor-wrapper .annotator-widget textarea {
    clear:both;
    max-width:100%;
    color:#999;
    padding:10px;
    font:400 .875em/1.3 'Source Sans Pro',arial,sans-serif;
}

@media screen and max-width325625em {
    #sbo-rt-content .annotator-wrapper .annotator-editor-wrapper .annotator-widget textarea {
        background-color:#EEE;
    }

    #sbo-rt-content .annotator-wrapper .annotator-editor-wrapper .annotator-widget textarea:focus {
        background-color:#f6f6f6;
    }
}

#sbo-rt-content .annotator-wrapper .annotator-editor-wrapper .annotator-widget .annotator-controls {
    padding:0;
    margin:0!important;
    float:right;
}

#sbo-rt-content .annotator-wrapper .annotator-editor-wrapper .annotator-widget .annotator-controls a {
    display:inline-block;
    padding:5px 25px;
    -webkit-appearance:none!important;
    font-family:'Source Sans Pro'!important;
    font-weight:300!important;
    color:white;
    -moz-transition:all .2s ease-in-out;
    -webkit-transition:all .2s ease-in-out;
    -o-transition:all .2s ease-in-out;
    transition:all .2s ease-in-out;
}

#sbo-rt-content .annotator-wrapper .annotator-editor-wrapper .annotator-widget .annotator-controls a.annotator-cancel {
    background:#c7c2ba none no-repeat scroll 0 0!important;
}

#sbo-rt-content .annotator-wrapper .annotator-editor-wrapper .annotator-widget .annotator-controls a.positive {
    -webkit-appearance:none;
    background:transparent none no-repeat scroll 0 0;
    color:white;
    margin-left:12px;
    border:none;
    text-shadow:0 1px 6px rgba(0,0,0,0.4)!important;
    background:#e98300;  /* *orange* */
}

#sbo-rt-content .annotator-wrapper .annotator-editor-wrapper .annotator-widget .annotator-controls a.positive:focus,#sbo-rt-content .annotator-wrapper .annotator-editor-wrapper .annotator-widget .annotator-controls a.positive:hover {
    color:#FFF!important;
    text-shadow:0 0 0 transparent!important;
    background:#e98300;  /* *orange* */
    background-image:0;
    background-image:0;
    background-image:0;
    background-image:0;
    background-image:0;
    background-image:linear-gradient(tobottom,#fed1000,#e98300100%);
}

#sbo-rt-content .annotator-wrapper .annotator-editor-wrapper .annotator-widget .annotator-controls a:focus,#sbo-rt-content .annotator-wrapper .annotator-editor-wrapper .annotator-widget .annotator-controls a:hover {
    background-color:#c7c2ba!important;
    text-decoration:none!important;
    color:#4a3c31!important;
}

@media screen and min-width45em {
    .touch .annotator-editor-wrapper {
        position:absolute!important;
        margin-top:200px!important;
    }
}

.annotator-touch-controls {
    width:100%;
    text-align:center;
    min-width:auto;
    z-index:9999;
}

.annotator-touch-controls .animateIn {
    animation-name:animateIn;
    -webkit-animation-name:animateIn;
    animation-duration:.35s;
    -webkit-animation-duration:.35s;
    animation-timing-function:ease-in-out;
    -webkit-animation-timing-function:ease-in-out;
    visibility:visible;
}

.annotator-touch-controls .annotator-edit {
    background-color:#f4f3f0;
    position:absolute;
    right:-25px;
    -moz-border-radius:5px 0 0 5px;
    -webkit-border-radius:5px 0 0 5px;
    -o-border-radius:5px 0 0 5px;
    border-radius:5px 0 0 5px;
}

.annotator-touch-controls.annotator-touch-hide {
    right:-9999em;
    opacity:0;
    -webkit-transition:opacity .2s 0 ease-in,right 0 .3s linear;
    -moz-transition:opacity .2s 0 ease-in,right 0 .3s linear;
    -ms-transition:opacity .2s 0 ease-in,right 0 .3s linear;
    -o-transition:opacity .2s 0 ease-in,right 0 .3s linear;
    transition:opacity .2s 0 ease-in,right 0 .3s linear;
}

.annotator-touch-controls .annotator-add {
    padding:8px;
    padding:.5rem;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    -o-border-radius:5px;
    border-radius:5px;
    background-color:#777;
    color:#fff;
    position:absolute;
    margin-left:-20px;
    left:50%;
    width:48px;
    height:45px;
    cursor:pointer;
    border-bottom:none;
    -moz-box-shadow:0 0 1px #cdcdcd;
    -webkit-box-shadow:0 0 1px #cdcdcd;
    -o-box-shadow:0 0 1px #cdcdcd;
    box-shadow:0 0 1px #cdcdcd;
    display:block;
    text-align:center;
}

.annotator-touch-controls .annotator-add:before,.annotator-touch-controls .annotator-add:after {
    width:0;
    height:0;
    border:.65em solid;
    border-color:#777 #777 transparent transparent;
    -moz-transform:rotate(-45deg);
    -webkit-transform:rotate(-45deg);
    -o-transform:rotate(-45deg);
    transform:rotate(-45deg);
    content:"";
    left:14px;
    top:-10px;
    position:absolute;
}

.annotator-touch-controls .annotator-add:before {
    top:-11px;
    border-color:#cdcdcd #cdcdcd transparent transparent;
}

.annotator-touch-controls .annotator-add span {
    display:block;
}

.annotator-touch-controls .annotator-add span:before {
    font-family:SSFlow;
    content:'\F707';
    height:48px;
    width:49px;
    font-size:26px;
    font-size:1.625rem;
    top:5px;
    position:relative;
    color:#fff;
}

.card-annotation {
    color:#7f7f7f;
    color:rgba(74,60,49,0.65);
}

.card-annotation .wrap-pod {
    max-width:800px;
    margin:0 auto;
}

.card-annotation .pod {
    float:left;
    padding:20px 20px 30px;
    padding:1.25rem 1.25rem 1.875rem;
}

@media screen and max-width325625em {
    .card-annotation .pod {
        margin:0 0 20px;
        margin:0 0 1.25rem;
    }
}

.card-annotation .pod h2 {
    margin:5px 0 20px;
    font-size:21px;
    color:rgba(74,60,49,0.75);
}

.card-annotation form textarea {
    display:block;
    max-width:100%;
    width:100%;
}

.card-annotation form [type="submit"] {
    margin-left:15px;
    margin-left:.9375rem;
}

.card-annotation form ul.delete-option {
    margin-top:20px;
}

.card-annotation form ul.delete-option input {
    margin:0;
    font-size:14px;
}

.card-annotation form ul.buttons {
    margin-top:15px;
}

.card-annotation form ul#id_privacy_option li {
    margin-left:10px;
    margin-left:.625rem;
}

.card-annotation form ul.privacy-options li label {
    font-size:16px;
    font-size:1rem;
}

.card-annotation form ul li {
    display:inline-block;
}

.card-annotation form ul li input {
    margin:0 5px;
}

.card-annotation .popup {
    font-family:"source sans pro",Helvetica,Arial,sans-serif!important;
    overflow:hidden;
    color:#777;
    background-color:white;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    -o-border-radius:5px;
    border-radius:5px;
    clear:both;
    width:600px;
    position:fixed;
    z-index:9999;
    -moz-transition:opacity .15s ease-in-out;
    -webkit-transition:opacity .15s ease-in-out;
    -o-transition:opacity .15s ease-in-out;
    transition:opacity .15s ease-in-out;
    border:1px solid #ccc;
    -moz-box-shadow:0 3px 0 #e6e6e6;
    -webkit-box-shadow:0 3px 0 #e6e6e6;
    -o-box-shadow:0 3px 0 #e6e6e6;
    box-shadow:0 3px 0 #e6e6e6;
    top:200px;
    left:50%;
    margin-left:-300px;
}

.card-annotation .popup h1 {
    margin:0;
    color:#777;
    font-size:26px;
    font-size:1.625rem;
    padding:15px;
    padding:.9375rem;
    line-height:1em;
    float:left!important;
    font-weight:300;
}

.card-annotation .popup .headline {
    width:100%;
    float:left;
}

@media screen and max-width40625em {
    .card-annotation .popup {
        max-width:95%;
        margin:0 2.5%;
        left:0;
    }
}

.card-annotation .popup .headline {
    border-bottom:1px solid #CCC;
}

.card-annotation .popup .inner {
    padding:0 20px 20px;
    float:left;
    width:100%;
}

.card-annotation .popup ul {
    float:right;
}

.card-annotation .popup ul li {
    display:inline-block;
    margin-left:15px;
}

.card-annotation .media-thumbnail {
    float:left;
    margin:0 15px 10px 0;
    margin:0 .9375rem .625rem 0;
}

.card-annotation .annotation-note {
    margin:0 0 .65em;
    word-break:break-all;
}

.card-annotation .clear {
    clear:both;
}

.card-annotation .left {
    float:left;
    margin:0;
}

@media screen and min-width325625em {
    .card-annotation .left {
        width:50%;
    }
}

.card-annotation .right {
    float:right;
    margin:0;
}

@media screen and max-width325625em {
    .card-annotation .right {
        float:none;
        text-align:center;
    }
}

.card-annotation .row {
    border-top:1px solid #ddd;
    display:block;
    padding-top:10px;
    padding-top:.625rem;
    margin:0 0 10px;
    margin:0 0 .625rem;
    float:left;
    width:100%;
}

.card-annotation .row.border {
    margin-bottom:0;
}

.card-annotation div.quote {
    padding-bottom:15px;
    padding-bottom:.9375rem;
}

.card-annotation .note {
    text-transform:uppercase;
    color:#888;
    padding-bottom:8px;
    padding-bottom:.5rem;
    display:inline-block;
}

.card-annotation .note.quote {
    margin-bottom:0;
}

.card-annotation .social-sharing {
    text-align:center;
    margin-top:15px;
    margin-top:.9375rem;
}

.card-annotation .social-sharing li {
    margin:10px 10px 0;
    margin:.625rem .625rem 0;
}

.card-annotation .sign-up {
    text-align:center;
    padding:0 120px;
    padding:0 120px;
    padding:0 7.5rem;
}

.card-annotation .sign-up h1 {
    padding-bottom:0;
    margin-bottom:0;
}

.card-annotation .sign-up>p {
    margin-top:10px;
}

@media screen and max-width513125em {
    .card-annotation .sign-up {
        padding:0;
    }
}

.card-annotation .annotation-quote {
    color:#7f7f7f;
    color:rgba(74,60,49,0.75);
    font-family:Georgia,serif;
    margin:0;
}

.subscribe-panel .pagefoot .icon-up {
    bottom:80px;
}

.pagefoot {
    font-family:"source sans pro",sans-serif;
    margin:0 20px;
    margin:0 1.25rem;
    padding-bottom:20px;
    padding-bottom:1.25rem;
    font-size:14px;
    font-size:.875rem;
    color:#777;
    line-height:1.25em;
    clear:both;
}

.pagefoot a {
    color:#4a3c31;
    text-decoration:none;
}

.pagefoot a:active,.pagefoot a:focus,.pagefoot a:hover {
    color:#e98300;  /* *orange* */
}

.pagefoot .copyright {
    margin-bottom:1em;
}

.pagefoot .icon-up {
    text-transform:lowercase;
    position:fixed;
    right:20px;
    bottom:20px;
    z-index:99999;
    display:block;
    border:1px solid #ccc;
    border-radius:5px;
    background-color:#d5d6d2;
    padding:10px;
    padding:.625rem;
    text-decoration:none;
}

.pagefoot .icon-up span {
    display:none;
}

.pagefoot .icon-up:before {
    font-size:19px;
    font-size:1.1875rem;
    content:'\2B06';
    font-family:SSFlow;
    display:inline-block;
    vertical-align:middle;
}

.pagefoot ul {
    list-style-type:none;
    margin:0;
    padding:0 60px 0 0;
}

.pagefoot li {
    display:inline-block;
    line-height:1.5em;
}

.pagefoot li a {
    color:#e98300;  /* *orange* */
    text-decoration:none;
}

.pagefoot li:after {
    content:' / ';
}

.pagefoot li:last-child:after {
    content:'';
}

@media screen and max-width325em {
    .pagefoot {
        margin:20px 15px 0;
        margin:1.25rem .9375rem 0;
    }
}

@media screen and min-width40625em {
    .pagefoot {
        line-height:1.5em;
    }
}

.pagefoot .full-support,.full-support {
    display:none;
}

@media screen and min-width480625em {
    .pagefoot .full-support,.full-support {
        display:inline-block;
    }

    .pagefoot .mobile-support,.mobile-support {
        display:none;
    }
}

#js-subscribe-panel-filler {
    float:left;
    width:100%;
}

.subscribe-nag {
    position:fixed;
    width:100%;
    max-width:100%;
    bottom:-300%;
    max-height:70%;
    overflow-y:scroll;
    left:0;
    z-index:99999;
    margin:0;
    background-color:#FFF;
    -moz-box-shadow:0 0 20px 0 rgba(0,0,0,0.2);
    -webkit-box-shadow:0 0 20px 0 rgba(0,0,0,0.2);
    -o-box-shadow:0 0 20px 0 rgba(0,0,0,0.2);
    box-shadow:0 0 20px 0 rgba(0,0,0,0.2);
    border-top:1px solid #CCC;
    text-align:center;
}

.subscribe-nag h2,.subscribe-nag h3 {
    line-height:1.1em;
    color:#4a3c31;
    font-size:36px;
    font-size:2.25rem;
    font-weight:300;
    margin:20px 48px;
    margin:1.25rem 3rem;
}

.subscribe-nag h3 {
    font-size:24px;
    font-size:1.5rem;
}

.subscribe-nag .green {
    color:#e98300;  /* *orange* */
}

.subscribe-nag .js-toggle-nag {
    position:absolute;
    text-align:center;
    line-height:1.3em;
    right:0;
    top:0;
    color:#888;
    font-size:18px;
    font-size:1.125rem;
    text-decoration:none;
    z-index:10;
    padding:15px 15px 12px;
    padding:.9375rem .9375rem .75rem;
}

.subscribe-nag .js-toggle-nag:focus,.subscribe-nag .js-toggle-nag:hover {
    background-color:#e98300;  /* *orange* */
    color:#FFF;
    text-decoration:none;
}

.subscribe-nag.expanded {
    position:absolute;
}

.subscribe-nag.collapsed .sample-message {
    padding:0;
}

.subscribe-nag.collapsed .expanded {
    display:none;
}

.subscribe-nag.collapsed h2 {
    font-size:24px;
    font-size:1.5rem;
    margin:10px 48px 15px;
    margin:.625rem 3rem .9375rem;
}

.subscribe-nag.slideUp {
    bottom:0!important;
    animation-name:slideUp;
    -webkit-animation-name:slideUp;
    animation-duration:.5s;
    -webkit-animation-duration:.5s;
    animation-timing-function:ease;
    -webkit-animation-timing-function:ease;
    visibility:visible!important;
}

.subscribe-nag a {
    text-decoration:none;
}

.subscribe-nag .help {
    font-size:smaller;
    text-decoration:none;
}

.subscribe-nag .trending-topics {
    margin:0;
}

.subscribe-nag .bigbutton.loading,.subscribe-nag .bigbutton.loading:hover {
    background-color:#b2b4b3;
    background-image:none;
}

.subscribe-nag .bigbutton.loading .spinner,.subscribe-nag .bigbutton.loading:hover .spinner {
    background:transparent url(/static/images/loading.652a04520e35.gif) no-repeat scroll center center;
    background-size:16px;
    width:16px;
    display:inline-block;
    text-indent:-9999px;
    float:right;
}

.subscribe-nag .bigbutton .spinner {
    display:none;
}

.subscribe-nag .expired,.subscribe-nag .cancelled {
    width:100%;
    background-color:#e5c15e;
    padding:14px;
    padding:.875rem;
    margin:0;
    left:0;
    color:#FFF;
    max-width:100%;
    font-size:18px;
    font-size:1.125rem;
    z-index:20;
    text-align:center;
    font-family:"source sans pro",arial,sans-serif!important;
}

.subscribe-nag .pagefoot nav a.copyright,.subscribe-nag .pagefoot #legal a.copyright {
    color:#777;
}

.subscribe-nag.anon-panel h2,.subscribe-nag.anon-panel h3 {
    margin:10px 12px 15px;
    margin:.625rem .75rem .9375rem;
}

@media screen and max-width48em {
    .subscribe-nag.anon-panel .doc-title {
        display:none;
    }

    .subscribe-nag.anon-panel .doc-type {
        white-space:nowrap;
    }
}

.subscribe-nag .cancelled {
    background-color:#ea6d60;
}

.subscribe-nag .sample-message {
    margin:0 auto;
    padding:5px 20px 0;
    padding:.3125rem 1.25rem 0;
    -moz-border-radius:0;
    -webkit-border-radius:0;
    -o-border-radius:0;
    border-radius:0;
    -moz-box-shadow:0 0 0 transparent;
    -webkit-box-shadow:0 0 0 transparent;
    -o-box-shadow:0 0 0 transparent;
    box-shadow:0 0 0 transparent;
    border:none;
    max-width:900px;
    max-width:56.25rem;
    position:relative;
    color:#777;
}

.subscribe-nag .sample-message .cta-group .bigbutton {
    display:inline-block;
}

.subscribe-nag .sample-message .cta-group .signin {
    display:inline-block;
    font-size:smaller;
}

.subscribe-nag .sample-message .cta-group .signin a {
    text-decoration:none;
}

.subscribe-nag .sample-message .text-links {
    display:inline-block;
    margin:0 0 0 10px;
    padding-top:5px;
    vertical-align:top;
}

.subscribe-nag .sample-message p {
    max-width:550px;
    max-width:34.375rem;
    font-size:18px;
    font-size:1.125rem;
    line-height:24px;
    line-height:1.5rem;
    margin:10px auto 15px;
    font-weight:500;
    color:#777;
}

.subscribe-nag .sample-message footer {
    text-align:left;
    margin:15px 0 10px;
    margin:.9375rem 0 .625rem;
    padding:0;
}

.subscribe-nag .sample-message footer object {
    display:none;
}

.subscribe-nag .sample-message footer #logo {
    background:transparent url(/static/images/sunshine_flag.228a5258f453.svg) no-repeat scroll right -10px;
    background-size:45px 66px;
    width:45px;
    height:42px;
    margin-top:-12px;
    margin-right:10px;
    text-indent:-9999px;
    display:block;
    float:left;
    padding-bottom:80px;
    padding-bottom:60px;
    padding-bottom:3.75rem;
}

@media screen and max-width325em {
    .subscribe-nag .sample-message footer #logo {
        display:none;
    }
}

.subscribe-nag .sample-message.nag-a,.subscribe-nag .sample-message.nag-b {
    max-width:85rem;
    padding:0;
    -moz-transition:all .5s ease-in-out;
    -webkit-transition:all .5s ease-in-out;
    -o-transition:all .5s ease-in-out;
    transition:all .5s ease-in-out;
}

.subscribe-nag .sample-message.nag-a h2,.subscribe-nag .sample-message.nag-b h2 {
    text-align:left;
    margin-left:0;
}

.subscribe-nag .sample-message.nag-a .doc-title,.subscribe-nag .sample-message.nag-b .doc-title {
    display:none;
}

.subscribe-nag .sample-message.nag-a .cta-group,.subscribe-nag .sample-message.nag-b .cta-group {
    width:23.5%;
    display:inline-block;
}

.subscribe-nag .sample-message.nag-a .cta-group .bigbutton,.subscribe-nag .sample-message.nag-b .cta-group .bigbutton {
    width:45%;
    padding:10px;
    font-size:1rem;
    font-weight:400;
    float:left;
}

.subscribe-nag .sample-message.nag-a .cta-group .bigbutton.team-btn,.subscribe-nag .sample-message.nag-b .cta-group .bigbutton.team-btn {
    width:45%;
    margin-right:0;
}

.subscribe-nag .sample-message.nag-a .cta-group div.bigbutton,.subscribe-nag .sample-message.nag-b .cta-group div.bigbutton {
    display:none;
}

.subscribe-nag .sample-message.nag-a .cta-group .signin,.subscribe-nag .sample-message.nag-b .cta-group .signin {
    width:100%;
    margin:5px 0;
}

.subscribe-nag .sample-message.nag-a .registration-form,.subscribe-nag .sample-message.nag-b .registration-form {
    float:left;
    text-align:left;
}

.subscribe-nag .sample-message.nag-a .registration-form li,.subscribe-nag .sample-message.nag-b .registration-form li {
    display:inline-block;
    width:31.5%;
    margin-right:2%;
    vertical-align:top;
}

.subscribe-nag .sample-message.nag-a .registration-form li.password,.subscribe-nag .sample-message.nag-b .registration-form li.password {
    margin-right:0;
}

.subscribe-nag .sample-message.nag-a .registration-form li input,.subscribe-nag .sample-message.nag-b .registration-form li input {
    max-width:100%;
    min-width:100%;
}

.subscribe-nag .sample-message.nag-a .registration-form li.error input,.subscribe-nag .sample-message.nag-b .registration-form li.error input {
    margin-bottom:0;
}

.subscribe-nag .sample-message.nag-a .registration-form .terms-conditions,.subscribe-nag .sample-message.nag-b .registration-form .terms-conditions {
    display:none;
    width:100%!important;
}

.subscribe-nag .sample-message.nag-a .registration-form .terms-conditions input,.subscribe-nag .sample-message.nag-a .registration-form .terms-conditions label,.subscribe-nag .sample-message.nag-b .registration-form .terms-conditions input,.subscribe-nag .sample-message.nag-b .registration-form .terms-conditions label {
    display:inline-block!important;
    margin:0 10px 10px 0;
}

.subscribe-nag .sample-message.nag-a .registration-form .terms-conditions .error,.subscribe-nag .sample-message.nag-b .registration-form .terms-conditions .error {
    display:block;
}

.subscribe-nag .sample-message.nag-a.active .terms-conditions,.subscribe-nag .sample-message.nag-b.active .terms-conditions {
    display:block;
    float:left;
}

.subscribe-nag .sample-message.nag-a.active .terms-conditions label,.subscribe-nag .sample-message.nag-b.active .terms-conditions label {
    width:90%;
}

.subscribe-nag .sample-message.nag-a.active .terms-conditions #id_legal,.subscribe-nag .sample-message.nag-b.active .terms-conditions #id_legal {
    vertical-align:top;
    margin:3px 10px 0 0;
}

.subscribe-nag .sample-message.nag-a.active .doc-title,.subscribe-nag .sample-message.nag-b.active .doc-title {
    display:inline-block;
}

.subscribe-nag .sample-message.nag-a.active .bigbutton,.subscribe-nag .sample-message.nag-b.active .bigbutton {
    width:100%;
}

.subscribe-nag .sample-message.nag-a.active .team-btn,.subscribe-nag .sample-message.nag-b.active .team-btn {
    display:none;
}

.subscribe-nag .sample-message.nag-a .registration-form {
    width:69%;
}

.subscribe-nag .sample-message.nag-a .cta-group {
    width:30%;
    float:right;
}

.subscribe-nag .sample-message.nag-a .cta-group .bigbutton,.subscribe-nag .sample-message.nag-a .cta-group .team-btn {
    width:100%;
    line-height:initial;
}

.subscribe-nag .sample-message.nag-b .registration-form {
    width:85%;
}

.subscribe-nag .sample-message.nag-b.active .team-btn {
    display:none;
}

.subscribe-nag .sample-message.nag-b h2 {
    margin:1rem 0 1rem 7%;
    float:left;
    width:50%;
}

.subscribe-nag .sample-message.nag-b form {
    width:75%;
    margin:1rem auto;
}

.subscribe-nag .sample-message.nag-b .registration-form {
    display:none;
}

.subscribe-nag .sample-message.nag-b .cta-group {
    width:35%;
    float:right;
    margin:.5rem 0 1rem 2%;
}

.subscribe-nag .sample-message.nag-b .cta-group button {
    display:none;
}

.subscribe-nag .sample-message.nag-b .cta-group div.bigbutton {
    display:block;
    width:100%;
    margin:0 0 10px;
}

.subscribe-nag .sample-message.nag-b .cta-group div.bigbutton.mobile {
    display:none;
}

.subscribe-nag .sample-message.nag-b.active h2 {
    width:73%;
    margin:1rem auto;
    float:none;
}

.subscribe-nag .sample-message.nag-b.active form {
    margin:0 auto;
}

.subscribe-nag .sample-message.nag-b.active .registration-form {
    display:block;
    width:100%;
}

.subscribe-nag .sample-message.nag-b.active .registration-form li {
    width:50%;
    margin-right:0;
    float:left;
    padding:0 1%;
}

.subscribe-nag .sample-message.nag-b.active .registration-form_item.email {
    width:100%;
    display:block;
}

.subscribe-nag .sample-message.nag-b.active .cta-group button {
    display:block;
}

.subscribe-nag .sample-message.nag-b.active .cta-group div.bigbutton {
    display:none;
}

@media screen and max-width50em {
    .subscribe-nag .sample-message.nag-a,.subscribe-nag .sample-message.nag-b {
        padding:0 10%;
    }

    .subscribe-nag .sample-message.nag-a h2,.subscribe-nag .sample-message.nag-b h2 {
        display:none;
    }

    .subscribe-nag .sample-message.nag-a .registration-form,.subscribe-nag .sample-message.nag-b .registration-form {
        display:none;
        float:none;
        padding:1.5rem 16.5% .5rem;
        width:100%;
    }

    .subscribe-nag .sample-message.nag-a .registration-form li,.subscribe-nag .sample-message.nag-b .registration-form li {
        display:block;
        width:100%;
    }

    .subscribe-nag .sample-message.nag-a form,.subscribe-nag .sample-message.nag-b form {
        margin-bottom:.75rem;
    }

    .subscribe-nag .sample-message.nag-a .cta-group,.subscribe-nag .sample-message.nag-b .cta-group {
        width:100%;
        padding:1.5rem 16.5% 0;
        margin:0;
    }

    .subscribe-nag .sample-message.nag-a .cta-group div.bigbutton,.subscribe-nag .sample-message.nag-b .cta-group div.bigbutton {
        display:block;
        margin:0 0 10px;
    }

    .subscribe-nag .sample-message.nag-a .cta-group button,.subscribe-nag .sample-message.nag-b .cta-group button {
        display:none;
        font-family:"source sans pro",sans-serif;
        margin:0;
    }

    .subscribe-nag .sample-message.nag-a.active h2,.subscribe-nag .sample-message.nag-b.active h2 {
        display:block;
        padding:1.5rem 16.5% 0;
        margin:0;
    }

    .subscribe-nag .sample-message.nag-a.active .registration-form,.subscribe-nag .sample-message.nag-b.active .registration-form {
        display:block;
    }

    .subscribe-nag .sample-message.nag-a.active .doc-title,.subscribe-nag .sample-message.nag-b.active .doc-title {
        display:none;
    }

    .subscribe-nag .sample-message.nag-a.active .terms-conditions input,.subscribe-nag .sample-message.nag-b.active .terms-conditions input {
        margin:4px 10px 0 0;
        vertical-align:top;
    }

    .subscribe-nag .sample-message.nag-a.active .terms-conditions label,.subscribe-nag .sample-message.nag-b.active .terms-conditions label {
        width:90%;
    }

    .subscribe-nag .sample-message.nag-a.active .cta-group,.subscribe-nag .sample-message.nag-b.active .cta-group {
        padding:0 16.5%;
    }

    .subscribe-nag .sample-message.nag-a.active .cta-group button,.subscribe-nag .sample-message.nag-b.active .cta-group button {
        display:block;
    }

    .subscribe-nag .sample-message.nag-a.active .cta-group div.bigbutton,.subscribe-nag .sample-message.nag-b.active .cta-group div.bigbutton {
        display:none;
    }

    .subscribe-nag .sample-message.nag-b form {
        width:100%;
    }

    .subscribe-nag .sample-message.nag-b .cta-group {
        padding:0;
        margin:0 0 10px;
    }

    .subscribe-nag .sample-message.nag-b .cta-group div.bigbutton.mobile {
        display:inline-block;
        float:none;
    }

    .subscribe-nag .sample-message.nag-b .cta-group div.bigbutton {
        display:none;
    }

    .subscribe-nag .sample-message.nag-b .cta-group .signin {
        margin:0;
        width:100%;
    }

    .subscribe-nag .sample-message.nag-b.active h2 {
        width:100%;
    }

    .subscribe-nag .sample-message.nag-b.active .registration-form li {
        width:100%!important;
    }

    .subscribe-nag .sample-message.nag-b.active .cta-group {
        padding:0 17%;
    }

    .subscribe-nag .sample-message.nag-b.active .cta-group div.bigbutton.mobile {
        display:none;
    }

    .subscribe-nag .sample-message .text-links {
        display:block;
        margin:0;
    }
}

.subscribe-nag p.welcome {
    font-size:1.5rem;
    margin:1.5rem 0;
    font-weight:300;
}

.subscribe-nag .registration-form__minimize:before {
    content:"\2421";
    font-family:SSFlow;
    position:absolute;
}

.subscribe-nag .registration-form__minimize__title {
    display:none;
}

.subscribe-nag .registration-form__minimize {
    display:none;
}

.subscribe-nag .registration-form__minimize.active {
    position:absolute;
    display:block;
    width:20px;
    height:20px;
    right:10px;
    top:10px;
    z-index:10;
    cursor:pointer;
}

@media screen and max-width325625em,screen and max-height250625em {
    .subscribe-nag.collapsed .header {
        margin:10px 0;
    }

    .subscribe-nag.collapsed footer {
        margin-top:5px!important;
    }

    .subscribe-nag h2 {
        font-size:24px;
        font-size:1.5rem;
    }

    .subscribe-nag h3 {
        font-size:18px;
        font-size:1.125rem;
    }

    .subscribe-nag .sample-message .signin {
        position:relative;
        right:auto;
        margin:0 0 15px;
        margin:0 0 .9375rem;
        font-size:small;
    }

    .subscribe-nag .sample-message p {
        font-size:16px;
        font-size:1rem;
    }

    .subscribe-nag .sample-message p.usage-data {
        padding:0 50px;
        padding:0 3.125rem;
        line-height:1.3em;
    }

    .subscribe-nag .sample-message .bigbutton {
        margin:0 0 10px;
        margin:0 0 .625rem;
    }

    .subscribe-nag .sample-message .comment {
        margin:-10px auto 0!important;
    }

    .subscribe-nag footer {
        text-align:center!important;
    }

    .subscribe-nag footer #logo {
        float:none!important;
        margin:0 0 12px!important;
        padding:0!important;
    }

    .subscribe-nag footer ul {
        padding:0;
        margin-top:5px;
        font-size:smaller;
        line-height:1em;
    }
}

html.svg .svg {
    display:inline-block;
}

html.svg .no-svg {
    display:none!important;
}

html.no-svg .no-svg {
    display:inline-block;
}

html.no-svg .svg {
    display:none;
}

.marketing.user-anon header[role="banner"] {
    margin-bottom:0;
}

.marketing.user-anon footer {
    margin-top:0;
}

.logo .safari_gray {
    background:transparent url(/static/images/logo_sunshine.03e2ed2c9191.svg) no-repeat scroll center center;
    background-size:150px 74px;
    width:150px;
    display:inline-block;
    text-indent:-9999px;
    float:left;
}

.bg.user-anon header[role="banner"],.bg.auth-team-setup header[role="banner"] {
    border-bottom:3px solid #ddd;
    padding:16px 0 21px;
    padding:1rem 0 1.3125rem;
    position:relative;
    z-index:2;
}

.bg.user-anon form,.bg.auth-team-setup form {
    padding:0 40px 24px;
    padding:0 2.5rem 1.5rem;
}

.bg.user-anon form input[type="text"],.bg.user-anon form input[type="password"],.bg.user-anon form input[type="email"],.bg.auth-team-setup form input[type="text"],.bg.auth-team-setup form input[type="password"],.bg.auth-team-setup form input[type="email"] {
    width:100%;
    max-width:100%;
}

.bg.user-anon form .buttongroup,.bg.auth-team-setup form .buttongroup {
    text-align:center;
}

.bg.user-anon form .form-row,.bg.auth-team-setup form .form-row {
    clear:both;
    text-align:left;
}

.bg.user-anon form .form-row.twoup .fieldentry,.bg.auth-team-setup form .form-row.twoup .fieldentry {
    display:inline-block;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    width:48%;
}

.bg.user-anon form .form-row.twoup .fieldentry:nth-child(2),.bg.auth-team-setup form .form-row.twoup .fieldentry:nth-child(2) {
    float:right;
}

.bg.user-anon form .form-row.twoup .fieldentry input[type="text"],.bg.auth-team-setup form .form-row.twoup .fieldentry input[type="text"] {
    min-width:100%;
}

.bg.user-anon form.mp-register,.bg.auth-team-setup form.mp-register {
    padding:0 0 24px;
    padding:0 0 1.5rem;
}

.bg.user-anon .pod,.bg.auth-team-setup .pod {
    border:1px solid #DDD;
    -webkit-border-radius:5px;
    border-radius:5px;
    margin:-36px auto;
    padding:24px 42px 16px;
    padding:1.5rem 2.625rem 1rem;
    position:relative;
    z-index:3;
    -webkit-box-shadow:0 3px 0 0 rgba(0,0,0,0.05);
    box-shadow:0 3px 0 0 rgba(0,0,0,0.05);
}

.bg.user-anon .pod.planpage,.bg.auth-team-setup .pod.planpage {
    padding:16px 8px;
    padding:1rem .5rem;
}

@media screen and min-width520px {
    .bg.user-anon .pod.planpage,.bg.auth-team-setup .pod.planpage {
        padding:1.5em;
    }
}

.bg.user-anon .pagefoot,.bg.auth-team-setup .pagefoot {
    padding-top:60px;
    margin-top:-40px;
}

.auth-team-setup .pod {
    max-width:700px;
    max-width:43.75rem;
    margin:0 auto!important;
}

.auth-team-setup .pod form {
    padding:0 40px 24px;
    padding:0 2.5rem 1.5rem;
}

.auth-team-setup form {
    padding:0!important;
}

.auth-team-setup h1 {
    font-weight:300;
    line-height:1;
    font-size:38px;
    font-size:2.375rem;
    letter-spacing:-1px;
    margin:0 0 16px;
    margin:0 0 1rem;
}

.user-anon {
    background-color:white;
    color:#777;
}

.user-anon h1 {
    font-weight:300;
    line-height:1;
    font-size:38px;
    font-size:2.375rem;
    letter-spacing:-1px;
    margin:0 0 16px;
    margin:0 0 1rem;
}

.user-anon h2 {
    font-size:26px;
    font-size:1.625rem;
    line-height:1.15em;
    margin:0;
}

.user-anon article {
    padding:0;
}

.user-anon.wide-pod .pod {
    max-width:960px;
    max-width:60rem;
}

@media screen and max-width60em {
    .user-anon.wide-pod .pod {
        margin-right:15px;
        margin-left:15px;
    }
}

.user-anon .planpage h1 {
    color:#777;
    font-size:26px;
    font-size:1.625rem;
    font-weight:300;
}

.user-anon .planpage .twoup .fieldentry {
    width:38%!important;
}

.user-anon .planpage .twoup .fieldentry+.fieldentry {
    width:60%!important;
}

.user-anon .planpage .billingpage {
    padding:0 4em;
}

.user-anon .planpage .registration-info {
    margin:1em auto 0;
    max-width:680px;
}

.user-anon .planpage .payment-info-title {
    margin:2em 0 0 -4em;
}

@media screen and max-width5375em {
    .user-anon .planpage .twoup {
        max-height:100%!important;
        border-bottom:1px solid #DDD;
    }

    .user-anon .planpage .twoup .fieldentry {
        width:100%!important;
    }

    .user-anon .planpage .twoup .fieldentry+.fieldentry {
        width:100%!important;
    }

    .user-anon .planpage .payment-info-title {
        margin:2em 0 1em;
    }

    .user-anon .planpage .billingpage {
        padding:0;
    }
}

.user-anon .pod {
    max-width:700px;
    max-width:43.75rem;
    margin:0 auto;
}

.user-anon .pod.registration-form h1,.user-anon .pod.registration-form h2,.user-anon .pod.registration-form p {
    text-align:center;
}

.user-anon .pod.registration-form h2 {
    margin-bottom:24px;
    margin-bottom:1.5rem;
    font-size:18px;
    font-size:1.125rem;
}

.user-anon .pod .testimonials {
    padding:20px 0;
    padding:1.25rem 0;
    border-top:1px solid #DDD;
    border-bottom:1px solid #DDD;
}

.user-anon .pod .testimonials h2 {
    font-size:18px;
    font-size:1.125rem;
    color:#777;
    text-align:center;
}

.user-anon .pod .testimonials p {
    font-style:italic;
}

.user-anon .pod .subscribe-now {
    margin-bottom:20px;
    margin-bottom:1.25rem;
    padding:20px 0;
    padding:1.25rem 0;
    border-bottom:1px solid #DDD;
    text-align:center;
}

.user-anon .agreement-inc {
    margin:24px 0;
    margin:1.5rem 0;
    color:#777;
}

.user-anon footer {
    padding-top:1em;
    border-top:1px solid #ccc;
    font-size:14px;
    font-size:.875rem;
    color:#777;
    padding:1em;
    border-top:none;
    margin-top:0;
    margin:1em auto 0;
    text-align:left;
}

.user-anon footer #logo {
    background:transparent url(/static/images/sunshine_flag.228a5258f453.svg) no-repeat scroll right -10px;
    background-size:45px 66px;
    width:45px;
    height:42px;
    margin-top:-10px;
    text-indent:-9999px;
    display:block;
    float:left;
    padding-bottom:80px;
    padding-bottom:5rem;
}

.user-anon footer object {
    width:45px;
}

.user-anon footer nav,.user-anon footer #legal {
    margin:5px 0 5px 55px;
    margin:.3125rem 0 .3125rem 3.4375rem;
    line-height:1.15em;
}

.user-anon footer nav a {
    text-decoration:none;
}

.user-anon footer div#legal a {
    color:#777;
    text-decoration:none;
}

.user-anon header[role="banner"] {
    padding:16px 0 16px 16px;
    padding:1rem 0 1rem 1rem;
    margin-bottom:1em;
}

.user-anon header[role="banner"]:before,.user-anon header[role="banner"]:after {
    content:" ";
    display:table;
}

.user-anon header[role="banner"]:after {
    clear:both;
}

.user-anon header[role="banner"] {
    zoom:1;
}

.user-anon header[role="banner"] nav {
    float:right;
    display:inline-block;
    margin-top:-5px;
}

.user-anon header[role="banner"] nav a.button {
    margin:0 13px 10px 0;
    white-space:nowrap;
}

.user-anon header[role="banner"] nav a.button:last-child {
    margin-right:0;
}

.user-anon header[role="banner"] nav .addtl-links {
    font-size:14px;
    font-size:.875rem;
}

.user-anon header[role="banner"] nav .signup {
    display:inline-block;
}

.user-anon header,.user-anon footer {
    position:static;
    width:100%;
    max-width:100%;
    background-color:white;
}

.user-anon header object,.user-anon footer object {
    height:42px;
}

.user-anon .wrapper {
    max-width:960px;
    max-width:60rem;
    margin:0 auto;
    padding:0 1em;
}

.user-anon .wrapper:before,.user-anon .wrapper:after {
    content:" ";
    display:table;
}

.user-anon .wrapper:after {
    clear:both;
}

.user-anon .wrapper {
    zoom:1;
}

h1 {
    color:#4a3c31;
    font-weight:normal;
    font-size:30px;
    font-size:1.875rem;
    line-height:38px;
    line-height:2.375rem;
    margin:20px 0;
    margin:1.25rem 0;
}

@media screen and max-width30em {
    .section-header {
        margin-left:15px;
    }
}

h2 {
    color:#4a3c31;
    font-weight:normal;
    font-size:24px;
    font-size:1.5rem;
    margin:20px 0;
    margin:1.25rem 0;
}

h3 {
    font-weight:normal;
    color:#777;
    text-transform:uppercase;
    letter-spacing:1px;
    font-size:18px;
    font-size:1.125rem;
    margin:18px 0;
    margin:1.125rem 0;
}

h4 {
    color:#777;
    font-weight:normal;
    margin:21px 0;
    margin:1.3125rem 0;
}

p {
    line-height:1.4em;
    font-size:18px;
    font-size:1.125rem;
    margin:18px 0;
    margin:1.125rem 0;
    padding:0;
}

small {
    font-size:14px;
    font-size:.875rem;
}

ul {
    padding:0;
}

.teams form h2 {
    margin:10px 0;
    margin:.625rem 0;
}

.teams form span.error {
    color:#ea6d60;
}

.teams form .add-row,.teams form .delete-row {
    visibility:hidden;
}

.teams .members-rate {
    color:#e98300;  /* *orange* */
    margin:35px 0 45px;
    margin:2.1875rem 0 2.8125rem;
}

.teams .errorlist {
    color:#ea6d60;
}

.teams .errorlist+input {
    border:1px solid #ea6d60;
    background-color:#fae0de;
}

.chat-wrapper {
    position:fixed;
    z-index:1000;
    color:#fff;
    font-size:16px;
    font-size:1rem;
}

.chat-wrapper a,.chat-wrapper a:hover {
    text-decoration:none;
}

.chat-wrapper input.sales-chat-btn {
    -webkit-border-radius:5px 0 0 5px;
    border-radius:5px 0 0 5px;
    cursor:pointer;
    display:block!important;
    white-space:normal;
}

.chat-wrapper input.sales-chat-btn:focus,.chat-wrapper input.sales-chat-btn:hover {
    text-decoration:none;
}

.chat-wrapper input:focus {
    box-shadow:none;
    border:none;
}

.subscribe-nag .chat-wrapper {
    visibility:hidden;
}

@media screen and min-width450px {
    .chat-wrapper {
        right:0;
        bottom:50%!important;
        margin-bottom:-100px;
        display:block;
    }

    .chat-wrapper.slideUp {
        visibility:visible!important;
    }

    .chat-wrapper input.sales-chat-btn {
        background:#e98300 url(/static/images/sales-chat.b4aae0d859cc.svg) no-repeat 25px 138px;
        background-size:40px;
        width:90px;
        height:195px;
        padding:12px 9px 81px;
        font:400 1.05em/1.38 'Source Sans Pro';
    }

    .expanded .live-agent {
        width:188px;
        margin:0 auto;
        display:block;
        position:relative;
    }

    .expanded .live-agent:before {
        content:url('/static/images/sales-chat.b4aae0d859cc.svg');
        position:absolute;
        left:8px;
        top:13px;
        z-index:10;
    }

    .expanded .live-agent input {
        white-space:normal;
        background:#e98300 none no-repeat 0 0;
        background-size:36px;
        padding-left:60px;
        text-align:left;
        line-height:1em;
        transition:all 0 linear 0;
    }

    .expanded .live-agent input:focus,.expanded .live-agent input:hover {
        background:#e98300;
        background-image:0;
        background-image:0;
        background-image:0;
        background-image:0;
        background-image:0;
        background-image:linear-gradient(tobottom,#fed1000,#e98300100%);
        text-decoration:none!important;
        background-size:100%;
    }
}

@media screen and max-width449px {
    .chat-wrapper {
        bottom:0;
        left:50%;
        padding:0;
        margin-left:-25.5%;
        width:50%;
        position:fixed;
    }

    .chat-wrapper input.sales-chat-btn {
        background:#e98300 url(/static/images/sales-chat.b4aae0d859cc.svg) no-repeat 9px 15px;
        border-radius:4px 4px 0 0;
        -webkit-border-radius:4px 4px 0 0;
        margin-left:5px;
        font:400 .95em/1.1 'Source Sans Pro';
        text-align:left;
        padding:.0125rem .65rem 0 2.75rem;
        background-size:25px;
        height:60px;
    }

    .chat-wrapper.slideUp {
        bottom:-70px!important;
        visibility:visible!important;
    }

    .register .chat-wrapper {
        display:none;
    }

    .subscribe-nag .expanded .live-agent {
        width:172px;
        margin:0 auto;
        display:block;
    }

    .subscribe-nag .expanded .live-agent input {
        white-space:normal;
        background:#e98300 url(/static/images/sales-chat.b4aae0d859cc.svg) no-repeat 9px 12px;
        background-size:36px;
        padding:10px 9px 10px 55px;
        text-align:left;
        line-height:1em;
        margin:.25rem 0 .625rem!important;
    }

    .subscribe-nag .chat-wrapper {
        bottom:-300%;
        position:absolute;
        left:0;
        margin:0;
        margin-left:0;
    }
}

.ie8 .user-anon input {
    margin:0 0 16px;
}

.ie8 .user-anon footer nav,.ie8 .user-anon footer #legal {
    margin-top:10px;
}

.ie8 .user-anon footer object {
    display:none;
}

.ie8 .user-anon footer #logo {
    width:42px;
    height:42px;
    background:transparent url(/static/images/mkt/ie/flowlogo_bw.6b5c99fc1f42.png) no-repeat scroll top left;
    position:relative;
    display:inline-block;
    float:left;
    margin-right:24px;
}

.ie8 .bg.user-anon header[role="banner"] {
    height:85px;
    margin:0;
}

.ie8 .bg.user-anon article {
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(url('/static/images/mkt/bg.c0f067f603ed.jpg'),sizingMethod=scale);
    -ms-filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(url('/static/images/mkt/bg.c0f067f603ed.jpg'),sizingMethod='scale');
}

.ie8 .marketing .svg {
    display:none!important;
}

.ie8 .marketing header object {
    width:142px;
}

.ie8 .marketing .positive {
    border:none;
}

.ie8 .marketing section#header {
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(url('/static/images/mkt/bg.c0f067f603ed.jpg'),sizingMethod=scale);
    -ms-filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(url('/static/images/mkt/bg.c0f067f603ed.jpg'),sizingMethod='scale');
    background:no-repeat center center fixed;
    overflow:hidden;
}

@media screen and max-width38em {
    .bg.user-anon header[role="banner"] nav {
        top:-1px;
    }

    .bg.user-anon .pod {
        margin:-36px 12px 0;
        padding:24px;
        padding:1.5rem;
    }

    .bg.user-anon form {
        padding:0;
    }
}

@media screen and max-width28em {
    .user-anon header[role="banner"] {
        padding:16px 0;
        padding:1rem 0;
    }

    .user-anon header[role="banner"] .wrapper {
        padding:0 6px 0 16px;
        padding:0 .375rem 0 1rem;
    }

    .user-anon header[role="banner"] #logo {
        width:114px;
        width:7.125rem;
    }

    .user-anon header[role="banner"] nav a.button {
        font-size:12px;
        font-size:.75rem;
    }

    .user-anon footer #legal {
        font-size:smaller;
    }

    .user-anon footer div.wrapper {
        padding:0;
        position:relative;
    }
}

.buttongroup {
    text-align:center;
    margin:16px 0 0;
    margin:1rem 0 0;
    text-align:right;
    position:relative;
}

.rememberme {
    padding-top:8px;
    padding-top:.5rem;
    font-size:13px;
    font-size:.8125rem;
}

.forgotpass {
    font-size:13px;
    font-size:.8125rem;
    font-weight:normal;
}

.showmore {
    display:block;
    width:100%;
    max-width:10em;
    text-align:center;
    margin:1em auto;
}

.tabview:before,.tabview:after {
    content:" ";
    display:table;
}

.tabview:after {
    clear:both;
}

.tabview {
    zoom:1;
}

#settings {
    background:white url(/static/images/grey_tile_side.5a955051860b.png) repeat-y scroll 0 0;
    margin:0 20px 25px;
    margin:0 1.25rem 1.5625rem;
    padding:0 0 55px 200px;
    padding:0 0 3.4375rem 12.5rem;
    border-radius:5px;
    border-radius:.3125rem;
    position:relative;
    float:left;
    width:95%;
}

#settings p {
    font-size:16px;
    font-size:1rem;
}

#settings h2 {
    font-size:21px;
    font-size:1.3125rem;
    color:rgba(74,60,49,0.75);
}

#settings .pod {
    padding:10px 0;
    padding:.625rem 0;
    position:relative;
}

#settings .pod.upgrade {
    color:#FFF;
    padding:5px 20px;
    padding:.3125rem 1.25rem;
    margin:20px 20px 10px;
    margin:1.25rem 1.25rem .625rem;
}

#settings .pod.upgrade.upgrade-green {
    background-color:#e98300; /* *orange* */
}

#settings .pod.upgrade.upgrade-yellow {
    background-color:#e5c15e;
}

#settings .pod.upgrade.upgrade-red {
    background-color:#ea6d60;
}

#settings .pod.upgrade.upgrade-blue {
    background-color:#C7C2BA;
    color:#4A3C31;
    border:none;
}

#settings .pod.upgrade a {
    color:#FFF;
}

#settings .pod.upgrade p {
    color:#FFF;
    margin:0;
    font-size:21px;
    font-size:1.3125rem;
}

#settings #preferences h2 {
    margin:10px 0;
    margin:.625rem 0;
}

#settings #preferences .item {
    padding-bottom:10px;
    padding-bottom:.625rem;
    display:inline-block;
}

#settings #preferences .no-margin {
    margin:0;
}

#settings #preferences .privacy-wrapper {
    overflow:hidden;
}

#settings #preferences ul {
    width:100%;
    float:left;
    margin:10px 0 0;
    margin:.625rem 0 0;
}

#settings #preferences ul li {
    display:inline-block;
}

#settings #preferences ul li label {
    margin:0 0 0 5px;
    color:rgba(74,60,49,0.75);
    min-width:150px;
}

#settings #preferences ul li label,#settings #preferences ul li input {
    display:inline-block;
}

#settings #preferences ul li.active label {
    color:#4a3c31;
}

#settings #preferences input[type="submit"] {
    display:block;
}

#settings #preferences p {
    margin:5px 0 0;
    display:inline-block;
}

#settings .wrap-currency {
    position:absolute;
    right:20px;
    top:50px;
}

@media screen and max-width69375em {
    #settings .wrap-currency {
        position:relative;
        right:0;
        top:0;
    }
}

#settings h1 {
    color:#777;
    font-size:26px;
    font-size:1.625rem;
    font-weight:300;
}

#settings .tabs {
    width:200px;
    width:12.5rem;
    margin-left:-200px;
    margin-left:-12.5rem;
    float:left;
}

#settings .tabs ul li a {
    float:left;
    padding:16px;
    width:100%;
    color:#4a3c31;
    text-decoration:none;
    -moz-transition:background-color 200ms linear;
    -webkit-transition:background-color 200ms linear;
    -o-transition:background-color 200ms linear;
    transition:background-color 200ms linear;
}

#settings .tabs ul li a:focus,#settings .tabs ul li a:hover {
    background-color:#FFF;
}

#settings .tabs ul li a.active {
    background-color:white;
    color:#e98300; /* *orange* */
    font-weight:bold;
}

#settings .tabs ul li a.first {
    border-radius:5px 0 0 0;
    border-radius:.3125rem 0 0 0;
}

#settings .tabs .topics span {
    display:block;
    line-height:1.3em;
}

@media screen and max-width50em {
    #settings {
        padding:0;
        margin:0 10px 25px;
        margin:0 .625rem 1.5625rem;
        background:white none no-repeat scroll 0 0;
    }

    #settings .mobile-menu {
        display:inline-block;
        width:100%;
    }

    #settings .pod {
        padding:0 10px;
        padding:0 .625rem;
    }
}

@media screen and max-width50em and max-width325em {
    #settings section {
        margin:0 10px 25px;
        margin:0 .625rem 1.5625rem;
    }
}

@media screen and max-width50em {
    #settings .tabs {
        display:none;
        width:auto;
        margin:0;
    }
}

.topic-display:before,.topic-display:after,.topic-select:before,.topic-select:after {
    content:" ";
    display:table;
}

.topic-display:after,.topic-select:after {
    clear:both;
}

.topic-display,.topic-select {
    zoom:1;
}

.topic {
    text-decoration:none;
    display:inline-block;
    z-index:1;
}

.topic:before,.topic:after,.topic span:before {
    font-family:SSFlow;
    display:block;
    position:absolute;
    top:0;
    left:0;
    color:#ccc;
    text-align:center;
}

[class*="hex-"] .topic {
    font-size:18px;
    position:relative;
}

[class*="hex-"] .topic:before,[class*="hex-"] .topic:focus:before,[class*="hex-"] .topic:hover:before {
    content:"\F704";
}

[class*="hex-"] .topic.active span:before,.no-touch [class*="hex-"] .topic:focus span:before,.no-touch [class*="hex-"] .topic:hover span:before {
    content:"\2713";
}

[class*="hex-"] .topic.active:before {
    content:"\F702";
}

[class*="hex-"] .topic.active:after {
    content:"\F703";
}

a.topic:hover {
    text-decoration:none;
}

a.topic:hover span {
    text-decoration:underline;
}

[class*="hex-"] li {
    display:block;
    margin:0 0 10px -2px;
    width:100%;
}

[class*="hex-"] li .topic {
    min-height:66px;
    padding:0 10px 0 70px;
    width:100%;
    text-align:left;
}

[class*="hex-"] li .topic span {
    display:table-cell;
    vertical-align:middle;
    height:66px;
}

[class*="hex-"] li .topic span:before,[class*="hex-"] li .topic:before,[class*="hex-"] li .topic:after {
    width:60px;
    height:66px;
    font-size:60px;
    line-height:81px;
}

[class*="hex-"] li .topic span:before {
    font-size:25px;
    line-height:76px;
}

.hex-static .topic-display .topic span:before,.hex-static .topic-display .topic:focus span:before,.hex-static .topic-display .topic:hover span:before {
    content:'';
}

.hex-small li {
    min-width:252px;
}

@media screen and min-width40625em {
    .hex-small li {
        display:inline-block;
        width:50%;
    }

    .ie8 .hex-small li {
        width:47.5%;
    }
}

@media screen and min-width571875em {
    .hex-small li {
        width:33.3%;
    }

    .ie8 .hex-small li {
        width:31.5%;
    }
}

@media screen and min-width7875em {
    .hex-small li {
        width:24.8%;
    }

    .ie8 .hex-small li {
        width:23.5%;
    }
}

@media screen and min-width300625em {
    .hex-static ul,.hex-big ul {
        margin:40px -23px 0 0;
    }

    .hex-static li,.hex-big li {
        display:inline-block;
        vertical-align:top;
        padding:0;
        width:125px;
        min-height:140px;
        margin:0 20px 40px -2px;
    }

    .hex-static li .topic,.hex-big li .topic {
        min-height:140px;
        padding:150px 0 0;
        width:100%;
        text-align:center;
    }

    .hex-static li .topic span,.hex-big li .topic span {
        display:block;
        vertical-align:middle;
        height:auto;
    }

    .hex-static li .topic span:before,.hex-static li .topic:before,.hex-static li .topic:after,.hex-big li .topic span:before,.hex-big li .topic:before,.hex-big li .topic:after {
        width:100%;
        height:138px;
        font-size:125px;
        line-height:168px;
    }

    .hex-static li .topic span:before,.hex-big li .topic span:before {
        font-size:50px;
        line-height:151px;
    }
}

.no-touch [class*="hex-"] .topic:focus span:before,.no-touch [class*="hex-"] .topic:hover span:before {
    color:#ccc;
}

[class*="hex-"] .topic.active span:before,.no-touch [class*="hex-"] .topic.active:focus span:before,.no-touch [class*="hex-"] .topic.active:hover span:before {
    color:#070c0f;
}

.topic.active:after,.no-touch .topic:focus:after,.no-touch .topic:hover:after {
    color:#00b78a;
}

.topic.active:before,.no-touch .topic:focus:before,.no-touch .topic:hover:before {
    color:#00ce98;
}

.active.topic.net:after,.active.topic.css:after,.active.topic.design:after,.active.topic.ios:after,.active.topic.management:after,.active.topic.python:after,.active.topic.teal:after,.active.topic.appleios:after,.no-touch .topic.net:focus:after,.no-touch .topic.css:focus:after,.no-touch .topic.design:focus:after,.no-touch .topic.ios:focus:after,.no-touch .topic.management:focus:after,.no-touch .topic.python:focus:after,.no-touch .topic.teal:focus:after,.no-touch .topic.appleios:focus:after,.no-touch .topic.net:hover:after,.no-touch .topic.css:hover:after,.no-touch .topic.design:hover:after,.no-touch .topic.ios:hover:after,.no-touch .topic.management:hover:after,.no-touch .topic.python:hover:after,.no-touch .topic.teal:hover:after,.no-touch .topic.appleios:hover:after {
    color:#00b78a;
}

.active.topic.net:before,.active.topic.css:before,.active.topic.design:before,.active.topic.ios:before,.active.topic.management:before,.active.topic.python:before,.active.topic.teal:before,.active.topic.appleios:before,.no-touch .topic.net:focus:before,.no-touch .topic.css:focus:before,.no-touch .topic.design:focus:before,.no-touch .topic.ios:focus:before,.no-touch .topic.management:focus:before,.no-touch .topic.python:focus:before,.no-touch .topic.teal:focus:before,.no-touch .topic.appleios:focus:before,.no-touch .topic.net:hover:before,.no-touch .topic.css:hover:before,.no-touch .topic.design:hover:before,.no-touch .topic.ios:hover:before,.no-touch .topic.management:hover:before,.no-touch .topic.python:hover:before,.no-touch .topic.teal:hover:before,.no-touch .topic.appleios:hover:before {
    color:#00ce98;
}

.active.topic.agile:after,.active.topic.databases:after,.active.topic.graphic-design:after,.active.topic.java:after,.active.topic.microsoft:after,.active.topic.ruby:after,.active.topic.blue:after,.active.topic.business-communication:after,.active.topic.product-management:after,.no-touch .topic.agile:focus:after,.no-touch .topic.databases:focus:after,.no-touch .topic.graphic-design:focus:after,.no-touch .topic.java:focus:after,.no-touch .topic.microsoft:focus:after,.no-touch .topic.ruby:focus:after,.no-touch .topic.blue:focus:after,.no-touch .topic.business-communication:focus:after,.no-touch .topic.product-management:focus:after,.no-touch .topic.agile:hover:after,.no-touch .topic.databases:hover:after,.no-touch .topic.graphic-design:hover:after,.no-touch .topic.java:hover:after,.no-touch .topic.microsoft:hover:after,.no-touch .topic.ruby:hover:after,.no-touch .topic.blue:hover:after,.no-touch .topic.business-communication:hover:after,.no-touch .topic.product-management:hover:after {
    color:#4badb7;
}

.active.topic.agile:before,.active.topic.databases:before,.active.topic.graphic-design:before,.active.topic.java:before,.active.topic.microsoft:before,.active.topic.ruby:before,.active.topic.blue:before,.active.topic.business-communication:before,.active.topic.product-management:before,.no-touch .topic.agile:focus:before,.no-touch .topic.databases:focus:before,.no-touch .topic.graphic-design:focus:before,.no-touch .topic.java:focus:before,.no-touch .topic.microsoft:focus:before,.no-touch .topic.ruby:focus:before,.no-touch .topic.blue:focus:before,.no-touch .topic.business-communication:focus:before,.no-touch .topic.product-management:focus:before,.no-touch .topic.agile:hover:before,.no-touch .topic.databases:hover:before,.no-touch .topic.graphic-design:hover:before,.no-touch .topic.java:hover:before,.no-touch .topic.microsoft:hover:before,.no-touch .topic.ruby:hover:before,.no-touch .topic.blue:hover:before,.no-touch .topic.business-communication:hover:before,.no-touch .topic.product-management:hover:before {
    color:#55c0d3;
}

.active.topic.analytics:after,.active.topic.data-viz:after,.active.topic.javascript:after,.active.topic.startups:after,.active.topic.purple:after,.active.topic.certification:after,.active.topic.lean:after,.no-touch .topic.analytics:focus:after,.no-touch .topic.data-viz:focus:after,.no-touch .topic.javascript:focus:after,.no-touch .topic.startups:focus:after,.no-touch .topic.purple:focus:after,.no-touch .topic.certification:focus:after,.no-touch .topic.lean:focus:after,.no-touch .topic.analytics:hover:after,.no-touch .topic.data-viz:hover:after,.no-touch .topic.javascript:hover:after,.no-touch .topic.startups:hover:after,.no-touch .topic.purple:hover:after,.no-touch .topic.certification:hover:after,.no-touch .topic.lean:hover:after {
    color:#6b619e;
}

.active.topic.analytics:before,.active.topic.data-viz:before,.active.topic.javascript:before,.active.topic.startups:before,.active.topic.purple:before,.active.topic.certification:before,.active.topic.lean:before,.no-touch .topic.analytics:focus:before,.no-touch .topic.data-viz:focus:before,.no-touch .topic.javascript:focus:before,.no-touch .topic.startups:focus:before,.no-touch .topic.purple:focus:before,.no-touch .topic.certification:focus:before,.no-touch .topic.lean:focus:before,.no-touch .topic.analytics:hover:before,.no-touch .topic.data-viz:hover:before,.no-touch .topic.javascript:hover:before,.no-touch .topic.startups:hover:before,.no-touch .topic.purple:hover:before,.no-touch .topic.certification:hover:before,.no-touch .topic.lean:hover:before {
    color:#8070ba;
}

.active.topic.android:after,.active.topic.devops:after,.active.topic.mobile:after,.active.topic.teams:after,.active.topic.pink:after,.active.topic.cisco:after,.active.topic.math-science:after,.no-touch .topic.android:focus:after,.no-touch .topic.devops:focus:after,.no-touch .topic.mobile:focus:after,.no-touch .topic.teams:focus:after,.no-touch .topic.pink:focus:after,.no-touch .topic.cisco:focus:after,.no-touch .topic.math-science:focus:after,.no-touch .topic.android:hover:after,.no-touch .topic.devops:hover:after,.no-touch .topic.mobile:hover:after,.no-touch .topic.teams:hover:after,.no-touch .topic.pink:hover:after,.no-touch .topic.cisco:hover:after,.no-touch .topic.math-science:hover:after {
    color:#bf497f;
}

.active.topic.android:before,.active.topic.devops:before,.active.topic.mobile:before,.active.topic.teams:before,.active.topic.pink:before,.active.topic.cisco:before,.active.topic.math-science:before,.no-touch .topic.android:focus:before,.no-touch .topic.devops:focus:before,.no-touch .topic.mobile:focus:before,.no-touch .topic.teams:focus:before,.no-touch .topic.pink:focus:before,.no-touch .topic.cisco:focus:before,.no-touch .topic.math-science:focus:before,.no-touch .topic.android:hover:before,.no-touch .topic.devops:hover:before,.no-touch .topic.mobile:hover:before,.no-touch .topic.teams:hover:before,.no-touch .topic.pink:hover:before,.no-touch .topic.cisco:hover:before,.no-touch .topic.math-science:hover:before {
    color:#e6528c;
}

.active.topic.big-data:after,.active.topic.diy-hardware:after,.active.topic.networking:after,.active.topic.photography:after,.active.topic.tools:after,.active.topic.red:after,.active.topic.digital-media:after,.active.topic.c-plus-plus:after,.active.topic.social-media:after,.active.topic.interaction-design:after,.no-touch .topic.big-data:focus:after,.no-touch .topic.diy-hardware:focus:after,.no-touch .topic.networking:focus:after,.no-touch .topic.photography:focus:after,.no-touch .topic.tools:focus:after,.no-touch .topic.red:focus:after,.no-touch .topic.digital-media:focus:after,.no-touch .topic.c-plus-plus:focus:after,.no-touch .topic.social-media:focus:after,.no-touch .topic.interaction-design:focus:after,.no-touch .topic.big-data:hover:after,.no-touch .topic.diy-hardware:hover:after,.no-touch .topic.networking:hover:after,.no-touch .topic.photography:hover:after,.no-touch .topic.tools:hover:after,.no-touch .topic.red:hover:after,.no-touch .topic.digital-media:hover:after,.no-touch .topic.c-plus-plus:hover:after,.no-touch .topic.social-media:hover:after,.no-touch .topic.interaction-design:hover:after {
    color:#bc3f39;
}

.active.topic.big-data:before,.active.topic.diy-hardware:before,.active.topic.networking:before,.active.topic.photography:before,.active.topic.tools:before,.active.topic.red:before,.active.topic.digital-media:before,.active.topic.c-plus-plus:before,.active.topic.social-media:before,.active.topic.interaction-design:before,.no-touch .topic.big-data:focus:before,.no-touch .topic.diy-hardware:focus:before,.no-touch .topic.networking:focus:before,.no-touch .topic.photography:focus:before,.no-touch .topic.tools:focus:before,.no-touch .topic.red:focus:before,.no-touch .topic.digital-media:focus:before,.no-touch .topic.c-plus-plus:focus:before,.no-touch .topic.social-media:focus:before,.no-touch .topic.interaction-design:focus:before,.no-touch .topic.big-data:hover:before,.no-touch .topic.diy-hardware:hover:before,.no-touch .topic.networking:hover:before,.no-touch .topic.photography:hover:before,.no-touch .topic.tools:hover:before,.no-touch .topic.red:hover:before,.no-touch .topic.digital-media:hover:before,.no-touch .topic.c-plus-plus:hover:before,.no-touch .topic.social-media:hover:before,.no-touch .topic.interaction-design:hover:before {
    color:#d74c3f;
}

.active.topic.business:after,.active.topic.game-development:after,.active.topic.new-languages:after,.active.topic.project-management:after,.active.topic.ux-ia:after,.active.topic.orange:after,.active.topic.engineering:after,.no-touch .topic.business:focus:after,.no-touch .topic.game-development:focus:after,.no-touch .topic.new-languages:focus:after,.no-touch .topic.project-management:focus:after,.no-touch .topic.ux-ia:focus:after,.no-touch .topic.orange:focus:after,.no-touch .topic.engineering:focus:after,.no-touch .topic.business:hover:after,.no-touch .topic.game-development:hover:after,.no-touch .topic.new-languages:hover:after,.no-touch .topic.project-management:hover:after,.no-touch .topic.ux-ia:hover:after,.no-touch .topic.orange:hover:after,.no-touch .topic.engineering:hover:after {
    color:#d3711a;
}

.active.topic.business:before,.active.topic.game-development:before,.active.topic.new-languages:before,.active.topic.project-management:before,.active.topic.ux-ia:before,.active.topic.orange:before,.active.topic.engineering:before,.no-touch .topic.business:focus:before,.no-touch .topic.game-development:focus:before,.no-touch .topic.new-languages:focus:before,.no-touch .topic.project-management:focus:before,.no-touch .topic.ux-ia:focus:before,.no-touch .topic.orange:focus:before,.no-touch .topic.engineering:focus:before,.no-touch .topic.business:hover:before,.no-touch .topic.game-development:hover:before,.no-touch .topic.new-languages:hover:before,.no-touch .topic.project-management:hover:before,.no-touch .topic.ux-ia:hover:before,.no-touch .topic.orange:hover:before,.no-touch .topic.engineering:hover:before {
    color:#ef871b;
}

.active.topic.cloud:after,.active.topic.git:after,.active.topic.nosql:after,.active.topic.security:after,.active.topic.web-design:after,.active.topic.yellow:after,.active.topic.googleandroid:after,.active.topic.c:after,.no-touch .topic.cloud:focus:after,.no-touch .topic.git:focus:after,.no-touch .topic.nosql:focus:after,.no-touch .topic.security:focus:after,.no-touch .topic.web-design:focus:after,.no-touch .topic.yellow:focus:after,.no-touch .topic.googleandroid:focus:after,.no-touch .topic.c:focus:after,.no-touch .topic.cloud:hover:after,.no-touch .topic.git:hover:after,.no-touch .topic.nosql:hover:after,.no-touch .topic.security:hover:after,.no-touch .topic.web-design:hover:after,.no-touch .topic.yellow:hover:after,.no-touch .topic.googleandroid:hover:after,.no-touch .topic.c:hover:after {
    color:#e5a128;
}

.active.topic.cloud:before,.active.topic.git:before,.active.topic.nosql:before,.active.topic.security:before,.active.topic.web-design:before,.active.topic.yellow:before,.active.topic.googleandroid:before,.active.topic.c:before,.no-touch .topic.cloud:focus:before,.no-touch .topic.git:focus:before,.no-touch .topic.nosql:focus:before,.no-touch .topic.security:focus:before,.no-touch .topic.web-design:focus:before,.no-touch .topic.yellow:focus:before,.no-touch .topic.googleandroid:focus:before,.no-touch .topic.c:focus:before,.no-touch .topic.cloud:hover:before,.no-touch .topic.git:hover:before,.no-touch .topic.nosql:hover:before,.no-touch .topic.security:hover:before,.no-touch .topic.web-design:hover:before,.no-touch .topic.yellow:hover:before,.no-touch .topic.googleandroid:hover:before,.no-touch .topic.c:hover:before {
    color:#ffbb2a;
}

.active.topic.core-programming:after,.active.topic.html5:after,.active.topic.leadership:after,.active.topic.php:after,.active.topic.testing:after,.active.topic.web-performance:after,.active.topic.green:after,.active.topic.information-technologyoperations:after,.no-touch .topic.core-programming:focus:after,.no-touch .topic.html5:focus:after,.no-touch .topic.leadership:focus:after,.no-touch .topic.php:focus:after,.no-touch .topic.testing:focus:after,.no-touch .topic.web-performance:focus:after,.no-touch .topic.green:focus:after,.no-touch .topic.information-technologyoperations:focus:after,.no-touch .topic.core-programming:hover:after,.no-touch .topic.html5:hover:after,.no-touch .topic.leadership:hover:after,.no-touch .topic.php:hover:after,.no-touch .topic.testing:hover:after,.no-touch .topic.web-performance:hover:after,.no-touch .topic.green:hover:after,.no-touch .topic.information-technologyoperations:hover:after {
    color:#a3b53a;
}

.active.topic.core-programming:before,.active.topic.html5:before,.active.topic.leadership:before,.active.topic.php:before,.active.topic.testing:before,.active.topic.web-performance:before,.active.topic.green:before,.active.topic.information-technologyoperations:before,.no-touch .topic.core-programming:focus:before,.no-touch .topic.html5:focus:before,.no-touch .topic.leadership:focus:before,.no-touch .topic.php:focus:before,.no-touch .topic.testing:focus:before,.no-touch .topic.web-performance:focus:before,.no-touch .topic.green:focus:before,.no-touch .topic.information-technologyoperations:focus:before,.no-touch .topic.core-programming:hover:before,.no-touch .topic.html5:hover:before,.no-touch .topic.leadership:hover:before,.no-touch .topic.php:hover:before,.no-touch .topic.testing:hover:before,.no-touch .topic.web-performance:hover:before,.no-touch .topic.green:hover:before,.no-touch .topic.information-technologyoperations:hover:before {
    color:#b6d141;
}

.t-ipass-msg {
    display:none;
}

.testing {
    background:green;
    margin:0 20px;
    padding:20px;
    position:relative;
    max-width:1200px;
}

@mediamin-width1295px {
    .testing {
        margin:0 auto;
    }
}

.home-panel {
    padding:8px 10px 10px;
}

.home-panel:focus,.home-panel:hover {
    background-color:white;
}

.home-panel a {
    display:block;
    padding:8px 18px;
    font-size:21px;
    line-height:1.4em;
}

.home-panel a:focus,.home-panel a:hover {
    background:transparent none no-repeat scroll 0 0!important;
}

.apps-promotion {
    max-width:1600px;
    margin:0 auto 20px;
    padding:15px;
    box-sizing:border-box;
    overflow:hidden;
    background-color:#e1dfda;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    -o-border-radius:3px;
    border-radius:3px;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -o-box-sizing:border-box;
    box-sizing:border-box;
}

@mediamin-width48em {
    .apps-promotion {
        padding:15px 2% 15px 49%;
        background-image:url(/static/images/screenshot-ios-queue-ipad-iphone-half@2x.73ac23d8fe3a.png);
        background-size:44% auto;
        background-position:4% bottom;
        background-repeat:no-repeat;
    }
}

@mediamin-width506875em {
    .apps-promotion {
        background-size:34% auto;
        background-position:11% bottom;
    }
}

@mediamin-width69em {
    .apps-promotion {
        background-size:28% auto;
        background-position:14% bottom;
    }
}

@mediamin-width78125em {
    .apps-promotion {
        padding:15px 16% 15px 32%;
        background-size:22% auto;
        background-position:7% bottom;
    }
}

@mediamin-width1000625em {
    .apps-promotion {
        background-size:20% auto;
        background-position:8% bottom;
    }
}

@mediamin-width48em {
    .ie8 .apps-promotion {
        background-image:url(/static/images/screenshot-ios-queue-ipad-iphone.c048dbf4b5d7.png);
        background-repeat:no-repeat;
        max-width:1600px!important;
    }
}

.apps-promotion__android-cta a,.section__more-link a {
    color:#4a3c31;
    text-decoration:underline;
}

.apps-promotion__android-cta a:visited,.section__more-link a:visited {
    color:#4a3c31;
}

.apps-promotion__android-cta a:focus,.apps-promotion__android-cta a:hover,.apps-promotion__android-cta a:active,.section__more-link a:focus,.section__more-link a:hover,.section__more-link a:active {
    color:#e98300; /* *orange* */
}

.apps-promotion__title {
    margin-bottom:16px;
}

.apps-promotion__description {
    font-size:13px;
    line-height:18px;
    margin-bottom:8px;
}

.apps-promotion__android-cta {
    font-size:12px;
    line-height:16px;
}

.apps-promotion__image--apple-store {
    margin-bottom:8px;
}

.section__title,.section__more-link {
    font-weight:normal;
    color:rgba(74,60,49,0.75);
    -webkit-font-smoothing:antialiased;
}

.section__title {
    font-size:18px;
    line-height:27px;
}

.section__more-link {
    font-size:12px;
    line-height:27px;
    margin-bottom:16px;
}

@mediamin-width325625em {
    .apps-promotion__description {
        font-size:16px;
        line-height:21.333px;
        margin-bottom:16px;
    }

    .apps-promotion__android-cta {
        margin:0;
        font-size:13px;
        line-height:18px;
    }

    .section__title {
        font-size:21px;
        line-height:31px;
        margin-bottom:16px;
    }

    .section__more-link {
        font-size:14px;
        line-height:31px;
    }
}

[class*="detail-"].pod {
    color:#4a3c31;
    max-width:1200px;
}

[class*="detail-"].pod .title-info {
    margin-bottom:1em;
    text-align:center;
    position:relative;
}

[class*="detail-"].pod .title-info:before,[class*="detail-"].pod .title-info:after {
    content:" ";
    display:table;
}

[class*="detail-"].pod .title-info:after {
    clear:both;
}

[class*="detail-"].pod .title-info {
    zoom:1;
}

[class*="detail-"].pod .metadata {
    margin:1em 0;
    text-align:left;
}

[class*="detail-"].pod .star-whole-title {
    margin:0;
}

[class*="detail-"].pod .action {
    width:250px;
    margin:0 auto;
}

[class*="detail-"].pod .action .button {
    width:100%;
}

[class*="detail-"].pod .purchase-link {
    display:inline-block;
    margin-top:.5em;
    font-size:12px;
}

[class*="detail-"].pod h2 {
    margin:20px 0 0;
    font-size:24px;
}

[class*="detail-"].pod .title {
    margin:0 0 8px;
    line-height:1.15em;
}

[class*="detail-"].pod .author {
    margin-bottom:3px;
}

[class*="detail-"].pod .publisher,[class*="detail-"].pod .isbn,[class*="detail-"].pod .chapter-running-time,[class*="detail-"].pod .book-running-time,[class*="detail-"].pod .issued,[class*="detail-"].pod .book-topics {
    font-size:12px;
    color:#777;
}

[class*="detail-"].pod .issued {
    font-style:italic;
}

[class*="detail-"].pod .topic-display {
    display:inline-block;
}

[class*="detail-"].pod .start-reading.button {
    padding:0;
}

[class*="detail-"].pod .start-reading.button a {
    display:block;
    padding:8px 15px 10px;
    color:white;
}

[class*="detail-"].pod .start-reading.button a:hover {
    text-decoration:none;
}

[class*="detail-"].pod .description {
    border:1px solid #eee;
    border-width:1px 0;
    padding-bottom:2em;
}

[class*="detail-"].pod .description li {
    margin-bottom:.5em;
}

[class*="detail-"].pod .description li p {
    margin:0;
}

@mediamin-width768px {
    [class*="detail-"].pod .cover {
        float:left;
        width:13.69863%;
        margin:0;
        padding-right:20px;
        text-align:left;
    }

    [class*="detail-"].pod .metadata {
        width:86.30137%;
        margin-top:0;
        float:left;
    }

    [class*="detail-"].pod .action {
        clear:both;
        margin-left:13.69863%;
    }
}

@mediamin-width1024px {
    [class*="detail-"].pod .metadata {
        width:64.89726%;
    }

    [class*="detail-"].pod .action {
        float:right;
        width:21.40411%;
        padding-left:10px;
        margin-left:0;
        clear:none;
    }
}

.detail-toc {
    margin-top:15px;
}

.detail-toc ol {
    margin:2px 0 0;
}

.detail-toc .chapter-running-time {
    font-size:12px;
    color:#777;
}

.detail-toc li {
    display:block;
    margin:0 0 2px;
    padding-left:35px;
    position:relative;
}

.detail-toc li .controls {
    position:absolute;
    left:0;
    top:3px;
    z-index:1;
}

.detail-toc li .controls button {
    width:33px;
    height:33px;
    display:block;
    font-size:25px;
}

.detail-toc li .controls button:focus {
    outline:none;
}

.detail-toc li li .controls {
    top:0;
}

.detail-toc li a {
    text-decoration:none;
    display:inline-block;
    padding:6px 0;
    font-size:15px;
    line-height:18px;
}

.detail-toc .toc-level-1 {
    padding:5px 0 5px 35px;
    border-bottom:1px solid #eeeeed;
}

.detail-toc .toc-level-1>a {
    font-size:18px;
}

.detail-toc .toc-level-1:last-child {
    border-bottom:none;
}

.description h2 {
    margin-bottom:16px!important;
}

.description p,.description ul,.description ol,.description li,.description span {
    margin-top:.75em;
    margin-bottom:.75em;
    font-size:16px;
}

.description br {
    display:none;
}

.description ul,.description ol {
    margin-left:1.5em;
}

.description ol>li {
    list-style-type:decimal;
}

.description ul>li {
    list-style-type:disc;
}

.description i,.description em {
    font-style:italic;
}

.description b,.description strong {
    font-weight:bold;
}

#registration-form legend {
    margin:0;
    padding:0;
    position:relative;
    top:1.4em;
    text-transform:uppercase;
    color:#777;
}

#registration-form h1 {
    margin:8px 0;
    margin:.5rem 0;
}

#registration-form .default-content h1 {
    margin:0;
}

#registration-form p {
    margin-top:0;
}

.agreement-inc h4 {
    margin-bottom:.5em;
}

.agreement-inc .default-content {
    color:#4a3c31;
    margin:0 0 1em;
    overflow-y:scroll;
    border:1px solid #ccc;
    padding:0 .5em .5em;
    height:100px;
}

.agreement-inc .default-content h1,.agreement-inc .default-content h2,.agreement-inc .default-content h3 {
    color:#4a3c31;
}

.agreement-inc .default-content h2 {
    text-transform:uppercase;
}

.agreement-inc .default-content p,.agreement-inc .default-content ul,.agreement-inc .default-content ol {
    font-size:16px;
    line-height:1.333em;
    margin-bottom:1em;
}

.agreement-inc .default-content ul,.agreement-inc .default-content ol {
    margin-left:1.5em;
}

.agreement-inc .default-content ol>li {
    list-style-type:decimal;
}

.agreement-inc .default-content ul>li {
    list-style-type:disc;
}

.agreement-inc .default-content ul.loweralpha>li,.agreement-inc .default-content ol.loweralpha>li {
    list-style-type:lower-alpha;
}

.agreement-inc .default-content ol.outline {
    counter-reset:item;
}

.agreement-inc .default-content ol.outline>li {
    display:block;
    margin-bottom:1em;
}

.agreement-inc .default-content ol.outline>li h2 {
    display:inline;
}

.agreement-inc .default-content ol.outline>li ol {
    margin-top:1em;
}

.agreement-inc .default-content ol.outline>li:before {
    content:counters(item,".") ".";
    counter-increment:item;
    padding-right:.25em;
    color:#4a3c31;
}

.agreement-inc .default-content ol.outline ul>li {
    margin-bottom:0;
    margin-left:1.5em;
}

.agreement-inc .default-content h1 {
    font-size:16px;
}

.agreement-inc .default-content p,.agreement-inc .default-content li {
    font-size:12px;
    margin-bottom:.5em;
}

.agreement-inc .form-row label {
    font-size:14px;
}

.agreement-inc .form-row input {
    float:left;
    display:inline-block;
    margin:3px 10px 0 0;
}

.legalese {
    color:#4a3c31;
}

.legalese h1,.legalese h2,.legalese h3 {
    color:#4a3c31;
}

.legalese h2 {
    text-transform:uppercase;
}

.legalese p,.legalese ul,.legalese ol {
    font-size:16px;
    line-height:1.333em;
    margin-bottom:1em;
}

.legalese ul,.legalese ol {
    margin-left:1.5em;
}

.legalese ol>li {
    list-style-type:decimal;
}

.legalese ul>li {
    list-style-type:disc;
}

.legalese ul.loweralpha>li,.legalese ol.loweralpha>li {
    list-style-type:lower-alpha;
}

.legalese ol.outline {
    counter-reset:item;
}

.legalese ol.outline>li {
    display:block;
    margin-bottom:1em;
}

.legalese ol.outline>li h2 {
    display:inline;
}

.legalese ol.outline>li ol {
    margin-top:1em;
}

.legalese ol.outline>li:before {
    content:counters(item,".") ".";
    counter-increment:item;
    padding-right:.25em;
    color:#4a3c31;
}

.legalese ol.outline ul>li {
    margin-bottom:0;
    margin-left:1.5em;
}

address {
    display:block;
    margin-bottom:1em;
}

.ie8 .form-row {
    padding:10px 0;
}

.star-whole-title {
    margin:20px 0;
    margin:1.25rem 0;
}

.star-whole-title li {
    margin-top:10px;
    margin-top:.625rem;
}

.star-whole-title li span {
    color:#7f7f7f;
    color:rgba(74,60,49,0.75);
    font-size:18px;
    font-size:1.125rem;
}

.star-whole-title li button {
    padding:18px 15px 16px;
    padding:1.125rem .9375rem 1rem;
    border:1px solid #c7c2ba;
    margin-right:10px;
    margin-right:.625rem;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    -o-border-radius:5px;
    border-radius:5px;
}

.star-whole-title li button:before {
    font-size:21px;
    font-size:1.3125rem;
    line-height:0;
}

.layout2 {
    display:table;
    table-layout:fixed;
    position:relative;
    height:100%;
    max-width:100%;
    overflow:auto;
}

.layout2 nav {
    display:table-cell;
    border-radius:5px 0 0 5px;
    background-color:#f7f7f7;
    border-right:1px solid #eaeaea;
    width:185px;
    vertical-align:top;
}

.layout2 nav h2 {
    font-size:10px;
    text-transform:uppercase;
    color:#aaa;
    letter-spacing:1px;
    margin:0;
    padding:20px 20px 0;
}

.layout2 nav li {
    display:inline;
}

.layout2 nav a {
    font-size:14px;
    color:#777;
    text-decoration:none;
    padding:15px 20px;
    display:block;
}

.no-touch .layout2 nav a:focus,.no-touch .layout2 nav a:hover,.layout2 nav a.active {
    color:#e98300; /* *orange* */
}

.layout2 .other {
    display:table-cell;
    border-radius:0 5px 5px 0;
    background-color:#fff;
    padding:20px;
    vertical-align:top;
}

.inline-icon {
    font-size:.8em;
    color:#e98300; /* *orange* */
}

.big-icon {
    margin:.5em 0 0 20px;
    font-size:3em;
    float:left;
    color:#c7c2ba;
}

.empty-page {
    margin:0 1em 3em 0;
    text-align:left;
    color:#4a3c31;
}

.empty-page p {
    font-size:21px;
    font-size:1.3125rem;
}

.cancel {
    color:#ea6d60;
    font-size:16px;
    font-size:1rem;
    text-decoration:none;
}

.plantype:focus,.plantype:hover {
    cursor:pointer;
}

.checkmark {
    color:#e98300; /* *orange* */
    font-size:32px;
    font-size:2rem;
    display:none;
    margin:0;
}

.checkmark span {
    text-indent:-9999px;
}

.selected .checkmark {
    display:inline-block;
}

#plan_form,#cancel_form {
    text-align:center;
}

#plan_form header h1,#cancel_form header h1 {
    margin-bottom:0;
}

#plan_form header label,#cancel_form header label {
    margin-right:10px;
    display:inline-block;
    letter-spacing:normal;
    text-transform:none;
}

#plan_form header select,#cancel_form header select {
    font-size:16px;
}

#plan_form .plan-picker,#cancel_form .plan-picker {
    margin:0 auto 1em;
    text-align:center;
}

#plan_form .plantype,#plan_form .planoption,#cancel_form .plantype,#cancel_form .planoption {
    width:100%;
    display:inline-block;
    margin:0 15px 15px 0;
    padding:10px 0 15px;
    vertical-align:top;
    background-color:white;
    border:1px solid #ddd;
    text-align:center;
    -moz-box-shadow:0 3px 0 0 rgba(0,0,0,0.05);
    -webkit-box-shadow:0 3px 0 0 rgba(0,0,0,0.05);
    -o-box-shadow:0 3px 0 0 rgba(0,0,0,0.05);
    box-shadow:0 3px 0 0 rgba(0,0,0,0.05);
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    -o-border-radius:3px;
    border-radius:3px;
}

@media only screen and min-width690px {
    #plan_form .plantype,#plan_form .planoption,#cancel_form .plantype,#cancel_form .planoption {
        max-width:45%;
    }
}

@media only screen and min-width920px {
    #plan_form .plantype,#plan_form .planoption,#cancel_form .plantype,#cancel_form .planoption {
        max-width:31%;
    }
}

@media only screen and min-width1390px {
    #plan_form .plantype,#plan_form .planoption,#cancel_form .plantype,#cancel_form .planoption {
        max-width:315px;
    }
}

#plan_form .plantype .explain-next-billed .firstbilling,#plan_form .planoption .explain-next-billed .firstbilling,#cancel_form .plantype .explain-next-billed .firstbilling,#cancel_form .planoption .explain-next-billed .firstbilling {
    display:none;
    text-align:center;
}

#plan_form .plantype .explain-next-billed .firstbilling .summary,#plan_form .planoption .explain-next-billed .firstbilling .summary,#cancel_form .plantype .explain-next-billed .firstbilling .summary,#cancel_form .planoption .explain-next-billed .firstbilling .summary {
    color:#b3b3b3;
    margin:10px 0 0;
    font-size:14px;
    font-size:.875rem;
}

#plan_form .plantype.selected .explain-next-billed .firstbilling,#plan_form .planoption.selected .explain-next-billed .firstbilling,#cancel_form .plantype.selected .explain-next-billed .firstbilling,#cancel_form .planoption.selected .explain-next-billed .firstbilling {
    display:block;
}

#plan_form .plantype h3,#plan_form .planoption h3,#cancel_form .plantype h3,#cancel_form .planoption h3 {
    border:1px solid #d5d6d2;
    border-width:1px 0;
    background:#f6f6f6;
    margin:0 0 20px;
    padding:5px 5px 5px 20px;
    font-size:24px;
    line-height:normal;
    text-transform:none;
    text-align:left;
}

#plan_form .plantype .pricing,#plan_form .plantype .lead,#plan_form .planoption .pricing,#plan_form .planoption .lead,#cancel_form .plantype .pricing,#cancel_form .plantype .lead,#cancel_form .planoption .pricing,#cancel_form .planoption .lead {
    font-size:24px;
    line-height:normal;
    color:#e98300; /* *orange* */
}

#plan_form .plantype .summary,#plan_form .planoption .summary,#cancel_form .plantype .summary,#cancel_form .planoption .summary {
    font-size:16px;
    padding:0 20px;
    color:#777;
}

#plan_form .plantype.selected,#cancel_form .plantype.selected {
    border:1px solid #00B3E7;
}

#plan_form .plantype.selected h3,#cancel_form .plantype.selected h3 {
    background:#E5F7FC;
    color:#00B3E7;
    border:1px solid #00B3E7;
    border-width:1px 0;
}

#plan_form .plantype.selected .cancel,#cancel_form .plantype.selected .cancel {
    float:right;
    display:inline-block;
    padding:0 15px 0 0;
}

#plan_form .planoption,#cancel_form .planoption {
    max-width:60%;
}

#plan_form .goback,#cancel_form .goback {
    font-size:13px;
    font-size:.8125rem;
    text-decoration:none;
}

@media only screen and max-width47125em {
    #plan_form .griditem,#cancel_form .griditem {
        display:block;
        width:100%;
    }

    #plan_form .griditem.opt-in,#plan_form .griditem.opt-out,#cancel_form .griditem.opt-in,#cancel_form .griditem.opt-out {
        width:100%;
    }
}

#plan_form .usage>p,#cancel_form .usage>p {
    font-size:24px;
    color:#777;
}

#cancel_form .griditem {
    width:100%;
}

#cancel_form .griditem.opt-in {
    width:33%;
}

#cancel_form .reason {
    margin-bottom:20px;
}

.billingpage {
    padding-bottom:30px;
    padding-bottom:1.875rem;
}

.billingpage:before,.billingpage:after {
    content:" ";
    display:table;
}

.billingpage:after {
    clear:both;
}

.billingpage {
    zoom:1;
}

.billingpage .billing-group {
    margin:0 auto 1em;
    max-width:390px;
}

@media screen and min-width860px {
    .billingpage .billing-group {
        max-width:680px;
    }
}

.billingpage .billing-footer {
    margin-top:16px;
    margin-top:1rem;
    border-top:1px solid #ddd;
}

.billingpage input[type="text"] {
    min-width:100%;
    max-width:100%;
}

.billingpage small.error {
    display:block;
    padding:2px 0 5px;
    padding:.125rem 0 .3125rem;
    text-align:left;
}

.billingpage .billing-submit {
    -moz-opacity:.5s ease-in-out;
    -webkit-opacity:.5s ease-in-out;
    -o-opacity:.5s ease-in-out;
    opacity:.5s ease-in-out;
}

.billingpage .sf-payment-method,.billingpage .sf-billing-info {
    padding:0 5px;
    padding:0 .3125rem;
    margin:16px 0 0;
    margin:1rem 0 0;
    width:100%;
}

.billingpage .sf-payment-method legend,.billingpage .sf-billing-info legend {
    display:none;
}

@media screen and min-width755px {
    .billingpage .sf-payment-method,.billingpage .sf-billing-info {
        padding:0 20px;
        padding:0 1.25rem;
    }
}

.billingpage .sf-payment-method {
    -moz-box-shadow:0 3px 0 0 rgba(0,0,0,0.05);
    -webkit-box-shadow:0 3px 0 0 rgba(0,0,0,0.05);
    -o-box-shadow:0 3px 0 0 rgba(0,0,0,0.05);
    box-shadow:0 3px 0 0 rgba(0,0,0,0.05);
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    -o-border-radius:10px;
    border-radius:10px;
    position:relative;
    border:1px solid #ddd;
    min-width:280px;
}

.billingpage .sf-payment-method .sf-ccnum {
    width:60%;
    min-width:50px;
}

.billingpage .sf-payment-method .sf-cvv {
    position:relative;
    width:24.5098%;
    min-width:95px;
    max-width:100px;
}

.billingpage .sf-payment-method .sf-cvv .tooltip-inner {
    max-width:300px;
    width:300px;
    white-space:normal;
}

.billingpage .sf-payment-method .sf-cvv .cvv-help {
    position:absolute;
    right:6px;
    top:54px;
    padding-top:1px;
    background-color:#777;
    color:white;
    -moz-border-radius:20px;
    -webkit-border-radius:20px;
    -o-border-radius:20px;
    border-radius:20px;
    width:20px;
    height:20px;
    font-size:16px;
    font-size:1rem;
    font-weight:bold;
    text-align:center;
}

.billingpage .sf-payment-method .sf-ccname {
    width:50.67%;
    min-width:100px;
}

.billingpage .sf-payment-method .sf-exdate {
    width:33.81%;
    min-width:120px;
    max-width:170px;
}

.billingpage .sf-payment-method .sf-exdate #id_expiration_month {
    margin-right:5%;
    width:44.5%;
    min-width:50px;
}

.billingpage .sf-payment-method .sf-exdate #id_expiration_year {
    width:50%;
    min-width:50px;
}

@media screen and min-width755px {
    .billingpage .sf-payment-method .sf-ccnum {
        min-width:200px;
        width:64%;
    }

    .billingpage .sf-payment-method .sf-ccname {
        min-width:200px;
    }
}

@media screen and min-width860px {
    .billingpage .sf-payment-method {
        width:60%;
    }

    .billingpage .sf-payment-method .sf-ccnum {
        width:68%;
    }

    .billingpage .sf-payment-method .sf-ccname {
        width:56%;
    }
}

.billingpage .sf-billing-info label {
    font-size:13px;
    font-size:.8125rem;
}

.billingpage .sf-billing-info .sf-zip {
    width:48.7%;
}

.billingpage .sf-billing-info .sf-zip input {
    min-width:130px;
    max-width:130px;
}

.billingpage .sf-billing-info .sf-country {
    width:50%;
}

.billingpage .sf-billing-info .sf-country select {
    max-width:140px;
}

.billingpage .sf-billing-info .sf-vat {
    width:100%;
}

.billingpage .sf-billing-info .sf-vat:after {
    content:'';
    display:inline-block;
    width:100%;
}

@media screen and min-width755px {
    .billingpage .sf-billing-info label {
        font-size:14px;
        font-size:.875rem;
    }
}

@media screen and min-width860px {
    .billingpage .sf-billing-info {
        width:38%;
    }

    .billingpage .sf-billing-info .sf-zip,.billingpage .sf-billing-info .sf-country {
        width:100%;
    }

    .billingpage .sf-billing-info .sf-zip:after {
        content:'';
        display:inline-block;
        width:100%;
    }
}

.billingpage .sf-agree {
    text-align:left;
}

.billingpage .sf-additional-info {
    width:100%;
}

.billingpage .sf-additional-info textarea {
    max-width:100%;
}

.billingpage .buttongroup {
    text-align:center;
}

.billingpage .buttongroup input {
    margin:16px 0 8px;
    margin:1rem 0 .5rem;
}

input[type="text"].prefilled-editable {
    border:none;
    border-bottom:1px solid #CCC;
    -moz-box-shadow:0 0 0 transparent;
    -webkit-box-shadow:0 0 0 transparent;
    -o-box-shadow:0 0 0 transparent;
    box-shadow:0 0 0 transparent;
    color:#999;
}

.billing-history {
    width:100%;
    padding:0;
    margin:0 auto;
}

@media screen and min-width755px {
    .billing-history {
        width:94%;
        padding:0 3%;
    }
}

.billing-history tr {
    font-size:15px;
    font-size:.9375rem;
    line-height:21px;
    line-height:1.3125rem;
    color:#666;
    border-bottom:1px solid #eee;
}

@media screen and min-width755px {
    .billing-history tr {
        font-size:18px;
        font-size:1.125rem;
        line-height:24px;
        line-height:1.5rem;
    }
}

.billing-history tr td {
    padding:10px 0;
    padding:.625rem 0;
}

.billing-history tr a {
    text-decoration:none;
}

.mobile-menu {
    display:none;
    border:1px solid #CCC;
    -moz-margin-bottom:12px;
    -webkit-margin-bottom:12px;
    -o-margin-bottom:12px;
    margin-bottom:12px;
    -moz-border-radius:5px 5px 0 0;
    -webkit-border-radius:5px 5px 0 0;
    -o-border-radius:5px 5px 0 0;
    border-radius:5px 5px 0 0;
}

.mobile-menu select {
    width:100%;
    -moz-padding:20px 50px 15px 20px;
    -webkit-padding:20px 50px 15px 20px;
    -o-padding:20px 50px 15px 20px;
    padding:20px 50px 15px 20px;
    -moz-font-size:18px;
    -webkit-font-size:18px;
    -o-font-size:18px;
    font-size:18px;
    border:0;
    border-radius:0;
    -webkit-appearance:none;
    color:#777;
    -webkit-box-shadow:0 1px 0 #c7c2ba,0 -1px white inset;
    -moz-box-shadow:0 1px 0 #c7c2ba,0 -1px white inset;
    box-shadow:0 1px 0 #c7c2ba,0 -1px white inset;
    background:#f4f3f0;
    display:inline-block;
    -webkit-appearance:none;
    -moz-appearance:window;
    appearance:none;
    cursor:pointer;
    text-overflow:ellipsis;
    -moz-border-radius:5px 5px 0 0;
    -webkit-border-radius:5px 5px 0 0;
    -o-border-radius:5px 5px 0 0;
    border-radius:5px 5px 0 0;
}

.mobile-menu label {
    paddng:0;
    margin:0;
    position:relative;
}

.mobile-menu label:after {
    content:'<>';
    font:20px Consolas,monospace;
    color:#aaa;
    -webkit-transform:rotate(90deg);
    -moz-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    transform:rotate(90deg);
    right:8px;
    top:20px;
    -moz-right:8px;
    -webkit-right:8px;
    -o-right:8px;
    right:8px;
    -moz-top:20px;
    -webkit-top:20px;
    -o-top:20px;
    top:20px;
    -moz-padding:0 0 2px;
    -webkit-padding:0 0 2px;
    -o-padding:0 0 2px;
    padding:0 0 2px;
    border-bottom:1px solid #d5d6d2;
    position:absolute;
    pointer-events:none;
}

.mobile-menu label:before {
    content:'';
    right:6px;
    top:0;
    width:20px;
    height:20px;
    background:transparent;
    position:absolute;
    pointer-events:none;
    display:block;
}

.user-profile {
    padding:0 0 0 200px;
    float:left;
    position:relative;
    max-width:1000px;
    background:white url(/static/images/grey_tile_side.5a955051860b.png) repeat-y scroll 0 0;
}

.user-profile .nav {
    width:200px;
    float:left;
    margin-left:-200px;
    -moz-border-radius:5px 0 0 5px;
    -webkit-border-radius:5px 0 0 5px;
    -o-border-radius:5px 0 0 5px;
    border-radius:5px 0 0 5px;
}

.user-profile .nav ol li a {
    padding:12px 15px;
    padding:.75rem .9375rem;
    float:left;
    width:100%;
    color:#4a3c31;
    text-decoration:none;
    -moz-transition:background-color 200ms linear;
    -webkit-transition:background-color 200ms linear;
    -o-transition:background-color 200ms linear;
    transition:background-color 200ms linear;
}

.user-profile .nav ol li a.all-books {
    -moz-border-radius:5px 0 0;
    -webkit-border-radius:5px 0 0 0;
    -o-border-radius:5px 0 0 0;
    border-radius:5px 0 0 0;
    text-transform:uppercase;
    display:block;
    padding:20px 15px;
    padding:1.25rem .9375rem;
    word-wrap:break-word;
}

.user-profile .nav ol li a.all-books span {
    margin:0;
}

.user-profile .nav ol li a span {
    display:block;
    margin-left:40px;
}

.user-profile .nav ol li a:focus,.user-profile .nav ol li a:hover {
    background-color:rgba(190,185,166,0.12);
    color:#e98300; /* *orange* */
}

.user-profile .nav ol li a.current {
    background-color:#FFF;
    color:#e98300; /* *orange* */
}

.user-profile .nav ol li img {
    max-width:30px;
    height:auto;
    float:left;
    margin:3px 10px 0 0;
    margin:.1875rem .625rem 0 0;
    border:1px solid #AAA;
}

.user-profile .headline {
    padding:20px 200px 0 30px;
    padding:1.25rem 12.5rem 0 1.875rem;
    color:#7f7f7f;
    color:rgba(74,60,49,0.75);
    float:left;
    width:100%;
    font-size:18px;
    font-size:1.125rem;
    font-weight:300;
}

.user-profile .headline h1 {
    color:#4a3c31;
    margin-top:0;
    font-size:28px;
    font-size:1.75rem;
    line-height:32px;
    line-height:2rem;
    font-weight:300;
    word-wrap:break-word;
}

.user-profile .headline h1 span {
    text-transform:capitalize;
}

.user-profile .headline .title {
    display:inline-block;
    margin-bottom:0;
}

.user-profile .headline .title a {
    text-decoration:none;
}

.user-profile .headline ul {
    float:left;
    max-width:70%;
}

.user-profile .headline ul li {
    margin-bottom:5px;
}

.user-profile .headline img {
    float:left;
    max-width:65px;
    height:auto;
    border:1px solid #AAA;
    margin:5px 15px 0;
    margin:.3125rem .9375rem 0;
}

.user-profile .annotation-list {
    color:#777;
    margin-bottom:25px;
    margin-bottom:1.5625rem;
    float:right;
}

.user-profile .annotation-list .indent {
    margin:0 50px;
}

.user-profile .annotation-list ol.annotation-list-single-book {
    margin:0 10px 10px 40px;
    margin:0 .625rem .625rem 2.5rem;
}

.user-profile .annotation-list ol li {
    border-bottom:1px solid #CCC;
    padding:10px 0;
    padding:.625rem 0;
}

.user-profile .annotation-list ol li:last-child {
    border:none;
}

.user-profile .annotation-list .js-toggle-all-notes,.user-profile .annotation-list .js-toggle-note {
    float:right;
}

.user-profile .annotation-list .js-toggle-all-notes,.user-profile .annotation-list .filter-highlights {
    position:absolute;
    right:20px;
    top:20px;
}

.user-profile .annotation-list .js-toggle-all-notes-lowered {
    position:absolute;
    right:20px;
    top:50px;
}

.user-profile .annotation-list .js-more-annotations {
    position:relative;
    top:15px;
    clear:both;
}

.user-profile .annotation-list .js-more-annotations:before,.user-profile .annotation-list .js-more-annotations:after {
    content:" ";
    display:table;
}

.user-profile .annotation-list .js-more-annotations:after {
    clear:both;
}

.user-profile .annotation-list .js-more-annotations {
    zoom:1;
}

.user-profile .annotation-list .annotation-htmlfile-title {
    border-bottom:none;
    padding-right:100px;
    padding-right:6.25rem;
    display:inline-block;
}

.user-profile .annotation-list .annotation-htmlfile-title h2 {
    color:#7f7f7f;
    color:rgba(74,60,49,0.75);
    margin:0;
    display:inline-block;
    line-height:28px;
    line-height:1.75rem;
}

.user-profile .annotation-list .annotation-htmlfile-title a {
    text-decoration:none;
}

.user-profile .annotation-list .annotation-info {
    color:#7f7f7f;
    color:rgba(74,60,49,0.75);
}

.user-profile .annotation-list .annotation-info li {
    border:none;
    padding:0;
    margin:0 0 0 15px;
    margin:0 0 0 .9375rem;
}

.user-profile .annotation-list .annotation-info li.quote {
    border-bottom:1px solid #c7c2ba;
    padding-bottom:10px;
    padding-bottom:.625rem;
    margin-bottom:10px;
    margin-bottom:.625rem;
    width:100%;
}

.user-profile .annotation-list .annotation-info li.annotation-created {
    text-transform:uppercase;
    font-size:smaller;
    margin:0 0 5px;
    margin:0 0 .3125rem;
}

.user-profile .annotation-list .annotation-info li.annotation-htmlfile-cover {
    margin:5px 15px 0 0;
    margin:.3125rem .9375rem 0 0;
    float:left;
}

.user-profile .annotation-list .annotation-info li.annotation-htmlfile-cover img {
    max-width:25px;
    height:auto;
    border:1px solid #AAA;
}

.user-profile .annotation-list .annotation-info li .annotation-quote {
    text-decoration:none;
    font-size:18px;
    font-size:1.125rem;
    font-family:Georgia,serif;
    margin-bottom:5px;
    margin-bottom:.3125rem;
    line-height:24px;
    line-height:1.5rem;
    padding-right:100px;
    padding-right:6.25rem;
    display:block;
    color:#7f7f7f;
    color:rgba(74,60,49,0.75);
    text-decoration:underline;
}

.user-profile .annotation-list .annotation-info li .annotation-quote:before {
    content:"“";
}

.user-profile .annotation-list .annotation-info li .annotation-quote:after {
    content:"”";
}

.user-profile .annotation-list .annotation-info li .annotation-quote:focus,.user-profile .annotation-list .annotation-info li .annotation-quote:hover {
    color:#e98300; /* *orange* */
}

.user-profile .annotation-list .annotation-info li.all-books-quote {
    margin-left:40px;
    margin-left:2.5rem;
}

.user-profile .annotation-list .annotation-info li .js-annotation-note {
    font-size:16px;
    font-size:1rem;
    padding:15px 0;
    padding:.9375rem 0;
    display:inline-block;
    word-break:break-all;
}

.user-profile .annotation-list .annotation-info li .js-toggle-note {
    position:relative;
    padding-right:20px;
    padding-right:1.25rem;
    margin-top:-22px;
    margin-top:-1.375rem;
    cursor:pointer;
}

.user-profile .annotation-list .annotation-info li .js-toggle-note:before {
    position:absolute;
    right:0;
}

.user-profile .annotation-list img.highlight-demo {
    width:90%;
    height:auto;
    border:1px solid #ccc;
}

@media screen and max-width7125em {
    .user-profile {
        width:95%;
        margin:0 2.5% 20px;
    }

    .user-profile .annotation-list li.annotation {
        float:left;
        width:100%;
    }

    .user-profile .annotation-list li .annotation-quote {
        padding-right:0!important;
    }

    .user-profile .annotation-list .annotation-list-single-book li {
        float:right;
    }

    .user-profile .annotation-list .annotation-list-single-book .js-toggle-note {
        margin:0!important;
    }
}

@media screen and min-width821px and max-width1140px {
    .user-profile .headline {
        padding:50px 30px 0;
        padding:3.125rem 1.875rem 0;
    }

    .user-profile .annotation-list .indent {
        margin:0 40px;
    }
}

@media screen and max-width5125em {
    .user-profile {
        background:#FFF none no-repeat scroll 0 0;
        padding:0;
    }

    .user-profile .nav {
        width:100%;
        margin:0;
    }

    .user-profile .nav .desktop-menu {
        display:none;
    }

    .user-profile .nav .mobile-menu {
        display:block;
    }

    .user-profile .headline {
        padding:20px 20px 0;
        padding:1.25rem 1.25rem 0;
        margin-top:20px;
        margin-top:1.25rem;
    }

    .user-profile .headline .title {
        display:block;
    }

    .user-profile .headline ul {
        max-width:60%;
    }

    .user-profile .annotation-list {
        width:100%;
    }

    .user-profile .annotation-list ol li {
        padding:10px 20px 5px;
        padding:.625rem 1.25rem .3125rem;
    }

    .user-profile .annotation-list .indent {
        margin:0;
    }

    .user-profile .annotation-list .annotation-quote {
        font-size:18px;
        font-size:1.125rem;
    }

    .user-profile .annotation-list .js-toggle-all-notes,.user-profile .annotation-list .filter-highlights {
        top:75px;
    }

    .user-profile .annotation-list .js-toggle-note {
        margin:0!important;
    }

    .user-profile .annotation-list .annotation-info li.all-books-quote {
        padding-bottom:5px;
        padding-bottom:.3125rem;
    }

    .user-profile .annotation-list .annotation-info li .annotation-htmlfile-title {
        padding-right:0;
        margin-bottom:5px;
        margin-bottom:.3125rem;
    }
}

.result-desc {
    display:block;
    margin:25px 20px 15px;
    font-size:18px;
    font-weight:300;
    line-height:1.38;
    color:#4a3c31;
    text-align:center;
}

@mediamin-width320px {
    .result-desc {
        font-size:21px;
    }
}

@mediamin-width611px {
    .result-desc {
        text-align:left;
    }
}

.search-result-page .facets {
    max-width:100%;
    margin:0 15px 20px;
    text-align:left;
}

.search-result-page .facets:before,.search-result-page .facets:after {
    content:" ";
    display:table;
}

.search-result-page .facets:after {
    clear:both;
}

.search-result-page .facets {
    zoom:1;
}

.search-result-page .facets label {
    margin:0 10px 0 0;
    display:inline-block;
    text-transform:none;
    font-size:18px;
    letter-spacing:normal;
}

.search-result-page .facets #id_filter label {
    font-size:16px;
}

.search-result-page .facets #id_filter input[type="checkbox"] {
    margin-right:10px;
}

@mediamin-width520px {
    .search-result-page .sort-box {
        width:88%;
        margin:0 20px 20px;
        text-align:right;
    }

    #id_filter {
        float:left;
    }

    #id_filter li {
        display:inline-block;
    }
}

.results-content {
    margin:15px;
    background-color:#fff;
    border-radius:4px;
    border:1px solid #d5d6d2;
}

@mediamin-width520px {
    .results-content {
        margin:15px 20px;
    }
}

.results-content .pad {
    padding:15px;
}

.results-list>li {
    padding:15px;
    font-size:16px;
    line-height:1.38;
    color:#7f7f7f;
    color:rgba(74,60,49,0.75);
    border-bottom:1px solid #d5d6d2;
    position:relative;
}

.results-list>li:last-child {
    border-bottom:none;
}

@mediamax-width520px {
    .results-list>li {
        font-size:14px;
    }
}

.results-list .highlight {
    font-weight:700;
}

.results-list .meta {
    margin-bottom:10px;
    padding-left:90px;
}

.results-list .meta:before,.results-list .meta:after {
    content:" ";
    display:table;
}

.results-list .meta:after {
    clear:both;
}

.results-list .meta {
    zoom:1;
}

.results-list .meta span {
    display:block;
    font-weight:300;
    line-height:1.28;
    color:#7f7f7f;
    color:rgba(74,60,49,0.75);
}

.results-list .book-title {
    margin-bottom:10px;
    display:block;
    font-size:21px;
    line-height:1.38;
    font-weight:300;
}

@mediamax-width700px {
    .results-list .book-title {
        font-size:18px;
    }
}

@mediamax-width320px {
    .results-list .book-title {
        font-size:16px;
        margin-bottom:5px;
    }
}

.results-list .description {
    margin-top:8px;
    padding:0 10px;
    display:block;
    font-weight:400;
}

.results-list .queue-bar {
    float:right;
}

.results-list .queue-bar button {
    width:50px;
    height:50px;
}

.results-list .queue-bar button:before {
    font-size:20px;
    line-height:20px;
}

.results-list .queue-bar button:focus {
    outline:0;
}

@mediamax-width450px {
    .results-list .meta {
        padding-left:75px;
    }

    .results-list .format-video .meta {
        padding-left:100px;
    }
}

.no-results {
    padding:15px;
}

.no-results ul {
    list-style:disc;
    padding:0 0 0 30px;
    font-size:18px;
    font-size:1.125rem;
    line-height:1.4em;
}

.no-results ul li {
    margin:15px 0;
}

.no-results ul li code {
    border:1px solid #b3b3b3;
    padding:0 5px;
    border-radius:4px;
    display:inline-block;
    margin:1px 0;
}

.no-results ul li ul {
    list-style:circle;
    padding:0 0 0 18px;
}

.no-results b,.no-results strong {
    font-weight:bold;
}

.no-results i {
    font-style:italic;
}

.paginate {
    text-align:center;
    padding:30px 5px;
    border-top:1px solid #CFCFCF;
    color:#777;
    font-size:21px;
    font-size:1.3125rem;
}

.paginate a {
    margin:0 1px;
    padding:0 3px;
    font-weight:300;
    text-decoration:none;
}

.conf-banner,a.conf-banner {
    display:block;
    border:1px solid #d5d6d2;
    background:#fff;
    border-radius:5px;
    padding:1em;
    margin:1em auto;
    max-width:700px;
    text-align:center;
    color:#4a3c31;
}

.conf-banner h2,a.conf-banner h2 {
    line-height:1.5;
}

.conf-banner:hover,a.conf-banner:hover {
    text-decoration:none;
}

.conf-banner p,a.conf-banner p {
    max-width:65%;
    margin:0 auto 1em;
    color:#4a3c31;
    font-size:21px;
    line-height:28px;
    font-weight:100;
}

.conf-banner img,a.conf-banner img {
    width:100%;
    max-width:360px;
    height:auto;
    max-height:100px;
}

.no-svg .conf-banner img,.no-svg a.conf-banner img {
    background:#f00;
}

.no-svg .conf-banner img:before,.no-svg a.conf-banner img:before {
    content:"what";
    display:block;
    width:400px;
    height:200px;
}

.modal-overlay {
    background-color:rgba(7,12,15,0.32);
    z-index:9;
    position:fixed;
    left:0;
    top:0;
    height:100%;
    width:100%;
}

.animated {
    -webkit-animation-duration:1s;
    animation-duration:1s;
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both;
}

.bounceInDown {
    -webkit-animation-name:bounceInDown;
    animation-name:bounceInDown;
}

@-webkit-keyframes bounceInDown {
0607590100-moz-timing-function:cubic-bezier(0.215,0.61,0.355,1);
-webkit-timing-function:cubic-bezier(0.215,0.61,0.355,1);
-o-timing-function:cubic-bezier(0.215,0.61,0.355,1);
timing-function:cubic-bezier(0.215,0.61,0.355,1);
}

0% {
    opacity:1;
    -moz-transform:translate3d(0,-3000px,0);
    -webkit-transform:translate3d(0,-3000px,0);
    -o-transform:translate3d(0,-3000px,0);
    transform:translate3d(0,-3000px,0);
}

60% {
    -moz-transform:translate3d(0,100px,0);
    -webkit-transform:translate3d(0,100px,0);
    -o-transform:translate3d(0,100px,0);
    transform:translate3d(0,100px,0);
    opacity:1;
}

100% {
    -moz-transform:none;
    -webkit-transform:none;
    -o-transform:none;
    transform:none;
}
}

@-moz-keyframes bounceInDown {
0607590100-moz-timing-function:cubic-bezier(0.215,0.61,0.355,1);
-webkit-timing-function:cubic-bezier(0.215,0.61,0.355,1);
-o-timing-function:cubic-bezier(0.215,0.61,0.355,1);
timing-function:cubic-bezier(0.215,0.61,0.355,1);
}

0% {
    opacity:1;
    -moz-transform:translate3d(0,-3000px,0);
    -webkit-transform:translate3d(0,-3000px,0);
    -o-transform:translate3d(0,-3000px,0);
    transform:translate3d(0,-3000px,0);
}

60% {
    -moz-transform:translate3d(0,100px,0);
    -webkit-transform:translate3d(0,100px,0);
    -o-transform:translate3d(0,100px,0);
    transform:translate3d(0,100px,0);
    opacity:1;
}

100% {
    -moz-transform:none;
    -webkit-transform:none;
    -o-transform:none;
    transform:none;
}
}

@-o-keyframes bounceInDown {
0607590100-moz-timing-function:cubic-bezier(0.215,0.61,0.355,1);
-webkit-timing-function:cubic-bezier(0.215,0.61,0.355,1);
-o-timing-function:cubic-bezier(0.215,0.61,0.355,1);
timing-function:cubic-bezier(0.215,0.61,0.355,1);
}

0% {
    opacity:1;
    -moz-transform:translate3d(0,-3000px,0);
    -webkit-transform:translate3d(0,-3000px,0);
    -o-transform:translate3d(0,-3000px,0);
    transform:translate3d(0,-3000px,0);
}

60% {
    -moz-transform:translate3d(0,100px,0);
    -webkit-transform:translate3d(0,100px,0);
    -o-transform:translate3d(0,100px,0);
    transform:translate3d(0,100px,0);
    opacity:1;
}

100% {
    -moz-transform:none;
    -webkit-transform:none;
    -o-transform:none;
    transform:none;
}
}

@keyframes bounceInDown {
0607590100-moz-timing-function:cubic-bezier(0.215,0.61,0.355,1);
-webkit-timing-function:cubic-bezier(0.215,0.61,0.355,1);
-o-timing-function:cubic-bezier(0.215,0.61,0.355,1);
timing-function:cubic-bezier(0.215,0.61,0.355,1);
}

0% {
    opacity:1;
    -moz-transform:translate3d(0,-3000px,0);
    -webkit-transform:translate3d(0,-3000px,0);
    -o-transform:translate3d(0,-3000px,0);
    transform:translate3d(0,-3000px,0);
}

60% {
    -moz-transform:translate3d(0,100px,0);
    -webkit-transform:translate3d(0,100px,0);
    -o-transform:translate3d(0,100px,0);
    transform:translate3d(0,100px,0);
    opacity:1;
}

100% {
    -moz-transform:none;
    -webkit-transform:none;
    -o-transform:none;
    transform:none;
}
}

.bounce {
    -webkit-animation-name:bounce;
    animation-name:bounce;
    -webkit-transform-origin:center bottom;
    -ms-transform-origin:center bottom;
    transform-origin:center bottom;
}

@-webkit-keyframes bounce {
0205380100-moz-timing-function:cubic-bezier(0.215,0.61,0.355,1);
-webkit-timing-function:cubic-bezier(0.215,0.61,0.355,1);
-o-timing-function:cubic-bezier(0.215,0.61,0.355,1);
timing-function:cubic-bezier(0.215,0.61,0.355,1);
-moz-transform:translate3d(0,0,0);
-webkit-transform:translate3d(0,0,0);
-o-transform:translate3d(0,0,0);
transform:translate3d(0,0,0);
}

40%,43% {
    -moz-timing-function:cubic-bezier(0.755,0.05,0.855,0.06);
    -webkit-timing-function:cubic-bezier(0.755,0.05,0.855,0.06);
    -o-timing-function:cubic-bezier(0.755,0.05,0.855,0.06);
    timing-function:cubic-bezier(0.755,0.05,0.855,0.06);
    -moz-transform:translate3d(0,-30px,0);
    -webkit-transform:translate3d(0,-30px,0);
    -o-transform:translate3d(0,-30px,0);
    transform:translate3d(0,-30px,0);
}

70% {
    -moz-timing-function:cubic-bezier(0.755,0.05,0.855,0.06);
    -webkit-timing-function:cubic-bezier(0.755,0.05,0.855,0.06);
    -o-timing-function:cubic-bezier(0.755,0.05,0.855,0.06);
    timing-function:cubic-bezier(0.755,0.05,0.855,0.06);
    -moz-transform:translate3d(0,-15px,0);
    -webkit-transform:translate3d(0,-15px,0);
    -o-transform:translate3d(0,-15px,0);
    transform:translate3d(0,-15px,0);
}

90% {
    -moz-transform:translate3d(0,-4px,0);
    -webkit-transform:translate3d(0,-4px,0);
    -o-transform:translate3d(0,-4px,0);
    transform:translate3d(0,-4px,0);
}
}

@-moz-keyframes bounce {
0205380100-moz-timing-function:cubic-bezier(0.215,0.61,0.355,1);
-webkit-timing-function:cubic-bezier(0.215,0.61,0.355,1);
-o-timing-function:cubic-bezier(0.215,0.61,0.355,1);
timing-function:cubic-bezier(0.215,0.61,0.355,1);
-moz-transform:translate3d(0,0,0);
-webkit-transform:translate3d(0,0,0);
-o-transform:translate3d(0,0,0);
transform:translate3d(0,0,0);
}

40%,43% {
    -moz-timing-function:cubic-bezier(0.755,0.05,0.855,0.06);
    -webkit-timing-function:cubic-bezier(0.755,0.05,0.855,0.06);
    -o-timing-function:cubic-bezier(0.755,0.05,0.855,0.06);
    timing-function:cubic-bezier(0.755,0.05,0.855,0.06);
    -moz-transform:translate3d(0,-30px,0);
    -webkit-transform:translate3d(0,-30px,0);
    -o-transform:translate3d(0,-30px,0);
    transform:translate3d(0,-30px,0);
}

70% {
    -moz-timing-function:cubic-bezier(0.755,0.05,0.855,0.06);
    -webkit-timing-function:cubic-bezier(0.755,0.05,0.855,0.06);
    -o-timing-function:cubic-bezier(0.755,0.05,0.855,0.06);
    timing-function:cubic-bezier(0.755,0.05,0.855,0.06);
    -moz-transform:translate3d(0,-15px,0);
    -webkit-transform:translate3d(0,-15px,0);
    -o-transform:translate3d(0,-15px,0);
    transform:translate3d(0,-15px,0);
}

90% {
    -moz-transform:translate3d(0,-4px,0);
    -webkit-transform:translate3d(0,-4px,0);
    -o-transform:translate3d(0,-4px,0);
    transform:translate3d(0,-4px,0);
}
}

@-o-keyframes bounce {
0205380100-moz-timing-function:cubic-bezier(0.215,0.61,0.355,1);
-webkit-timing-function:cubic-bezier(0.215,0.61,0.355,1);
-o-timing-function:cubic-bezier(0.215,0.61,0.355,1);
timing-function:cubic-bezier(0.215,0.61,0.355,1);
-moz-transform:translate3d(0,0,0);
-webkit-transform:translate3d(0,0,0);
-o-transform:translate3d(0,0,0);
transform:translate3d(0,0,0);
}

40%,43% {
    -moz-timing-function:cubic-bezier(0.755,0.05,0.855,0.06);
    -webkit-timing-function:cubic-bezier(0.755,0.05,0.855,0.06);
    -o-timing-function:cubic-bezier(0.755,0.05,0.855,0.06);
    timing-function:cubic-bezier(0.755,0.05,0.855,0.06);
    -moz-transform:translate3d(0,-30px,0);
    -webkit-transform:translate3d(0,-30px,0);
    -o-transform:translate3d(0,-30px,0);
    transform:translate3d(0,-30px,0);
}

70% {
    -moz-timing-function:cubic-bezier(0.755,0.05,0.855,0.06);
    -webkit-timing-function:cubic-bezier(0.755,0.05,0.855,0.06);
    -o-timing-function:cubic-bezier(0.755,0.05,0.855,0.06);
    timing-function:cubic-bezier(0.755,0.05,0.855,0.06);
    -moz-transform:translate3d(0,-15px,0);
    -webkit-transform:translate3d(0,-15px,0);
    -o-transform:translate3d(0,-15px,0);
    transform:translate3d(0,-15px,0);
}

90% {
    -moz-transform:translate3d(0,-4px,0);
    -webkit-transform:translate3d(0,-4px,0);
    -o-transform:translate3d(0,-4px,0);
    transform:translate3d(0,-4px,0);
}
}

@keyframes bounce {
0205380100-moz-timing-function:cubic-bezier(0.215,0.61,0.355,1);
-webkit-timing-function:cubic-bezier(0.215,0.61,0.355,1);
-o-timing-function:cubic-bezier(0.215,0.61,0.355,1);
timing-function:cubic-bezier(0.215,0.61,0.355,1);
-moz-transform:translate3d(0,0,0);
-webkit-transform:translate3d(0,0,0);
-o-transform:translate3d(0,0,0);
transform:translate3d(0,0,0);
}

40%,43% {
    -moz-timing-function:cubic-bezier(0.755,0.05,0.855,0.06);
    -webkit-timing-function:cubic-bezier(0.755,0.05,0.855,0.06);
    -o-timing-function:cubic-bezier(0.755,0.05,0.855,0.06);
    timing-function:cubic-bezier(0.755,0.05,0.855,0.06);
    -moz-transform:translate3d(0,-30px,0);
    -webkit-transform:translate3d(0,-30px,0);
    -o-transform:translate3d(0,-30px,0);
    transform:translate3d(0,-30px,0);
}

70% {
    -moz-timing-function:cubic-bezier(0.755,0.05,0.855,0.06);
    -webkit-timing-function:cubic-bezier(0.755,0.05,0.855,0.06);
    -o-timing-function:cubic-bezier(0.755,0.05,0.855,0.06);
    timing-function:cubic-bezier(0.755,0.05,0.855,0.06);
    -moz-transform:translate3d(0,-15px,0);
    -webkit-transform:translate3d(0,-15px,0);
    -o-transform:translate3d(0,-15px,0);
    transform:translate3d(0,-15px,0);
}

90% {
    -moz-transform:translate3d(0,-4px,0);
    -webkit-transform:translate3d(0,-4px,0);
    -o-transform:translate3d(0,-4px,0);
    transform:translate3d(0,-4px,0);
}
}

.zoomIn {
    -webkit-animation-name:zoomIn;
    animation-name:zoomIn;
}

@-webkit-keyframes zoomIn {
0-moz-transform:scale3d(0.9,0.9,0.9);
-webkit-transform:scale3d(0.9,0.9,0.9);
-o-transform:scale3d(0.9,0.9,0.9);
transform:scale3d(0.9,0.9,0.9);
opacity:.0;
}

50% {
    -moz-transform:scale(1.05);
    -webkit-transform:scale(1.05);
    -o-transform:scale(1.05);
    transform:scale(1.05);
    opacity:1;
}

0% {
    -moz-transform:scale3d(0.9,0.9,0.9);
    -webkit-transform:scale3d(0.9,0.9,0.9);
    -o-transform:scale3d(0.9,0.9,0.9);
    transform:scale3d(0.9,0.9,0.9);
    opacity:0;
}

50% {
    opacity:1;
}
}

@-moz-keyframes zoomIn {
0-moz-transform:scale3d(0.9,0.9,0.9);
-webkit-transform:scale3d(0.9,0.9,0.9);
-o-transform:scale3d(0.9,0.9,0.9);
transform:scale3d(0.9,0.9,0.9);
opacity:.0;
}

50% {
    -moz-transform:scale(1.05);
    -webkit-transform:scale(1.05);
    -o-transform:scale(1.05);
    transform:scale(1.05);
    opacity:1;
}

0% {
    -moz-transform:scale3d(0.9,0.9,0.9);
    -webkit-transform:scale3d(0.9,0.9,0.9);
    -o-transform:scale3d(0.9,0.9,0.9);
    transform:scale3d(0.9,0.9,0.9);
    opacity:0;
}

50% {
    opacity:1;
}
}

@-o-keyframes zoomIn {
0-moz-transform:scale3d(0.9,0.9,0.9);
-webkit-transform:scale3d(0.9,0.9,0.9);
-o-transform:scale3d(0.9,0.9,0.9);
transform:scale3d(0.9,0.9,0.9);
opacity:.0;
}

50% {
    -moz-transform:scale(1.05);
    -webkit-transform:scale(1.05);
    -o-transform:scale(1.05);
    transform:scale(1.05);
    opacity:1;
}

0% {
    -moz-transform:scale3d(0.9,0.9,0.9);
    -webkit-transform:scale3d(0.9,0.9,0.9);
    -o-transform:scale3d(0.9,0.9,0.9);
    transform:scale3d(0.9,0.9,0.9);
    opacity:0;
}

50% {
    opacity:1;
}
}

@keyframes zoomIn {
0-moz-transform:scale3d(0.9,0.9,0.9);
-webkit-transform:scale3d(0.9,0.9,0.9);
-o-transform:scale3d(0.9,0.9,0.9);
transform:scale3d(0.9,0.9,0.9);
opacity:.0;
}

50% {
    -moz-transform:scale(1.05);
    -webkit-transform:scale(1.05);
    -o-transform:scale(1.05);
    transform:scale(1.05);
    opacity:1;
}

0% {
    -moz-transform:scale3d(0.9,0.9,0.9);
    -webkit-transform:scale3d(0.9,0.9,0.9);
    -o-transform:scale3d(0.9,0.9,0.9);
    transform:scale3d(0.9,0.9,0.9);
    opacity:0;
}

50% {
    opacity:1;
}
}

@-webkit-keyframes bounce--up {
0205080100-moz-transform:translateY(0);
-webkit-transform:translateY(0);
-o-transform:translateY(0);
transform:translateY(0);
}

40% {
    -moz-transform:translateY(5px);
    -webkit-transform:translateY(5px);
    -o-transform:translateY(5px);
    transform:translateY(5px);
}

60% {
    -moz-transform:translateY(2px);
    -webkit-transform:translateY(2px);
    -o-transform:translateY(2px);
    transform:translateY(2px);
}
}

@-moz-keyframes bounce--up {
0205080100-moz-transform:translateY(0);
-webkit-transform:translateY(0);
-o-transform:translateY(0);
transform:translateY(0);
}

40% {
    -moz-transform:translateY(5px);
    -webkit-transform:translateY(5px);
    -o-transform:translateY(5px);
    transform:translateY(5px);
}

60% {
    -moz-transform:translateY(2px);
    -webkit-transform:translateY(2px);
    -o-transform:translateY(2px);
    transform:translateY(2px);
}
}

@-o-keyframes bounce--up {
0205080100-moz-transform:translateY(0);
-webkit-transform:translateY(0);
-o-transform:translateY(0);
transform:translateY(0);
}

40% {
    -moz-transform:translateY(5px);
    -webkit-transform:translateY(5px);
    -o-transform:translateY(5px);
    transform:translateY(5px);
}

60% {
    -moz-transform:translateY(2px);
    -webkit-transform:translateY(2px);
    -o-transform:translateY(2px);
    transform:translateY(2px);
}
}

@keyframes bounce--up {
0205080100-moz-transform:translateY(0);
-webkit-transform:translateY(0);
-o-transform:translateY(0);
transform:translateY(0);
}

40% {
    -moz-transform:translateY(5px);
    -webkit-transform:translateY(5px);
    -o-transform:translateY(5px);
    transform:translateY(5px);
}

60% {
    -moz-transform:translateY(2px);
    -webkit-transform:translateY(2px);
    -o-transform:translateY(2px);
    transform:translateY(2px);
}
}

@-webkit-keyframes bounce--left {
0205080100-moz-transform:translateY(0);
-webkit-transform:translateY(0);
-o-transform:translateY(0);
transform:translateY(0);
}

40% {
    -moz-transform:translateY(5px);
    -webkit-transform:translateY(5px);
    -o-transform:translateY(5px);
    transform:translateY(5px);
}

60% {
    -moz-transform:translateY(2px);
    -webkit-transform:translateY(2px);
    -o-transform:translateY(2px);
    transform:translateY(2px);
}
}

@-moz-keyframes bounce--left {
0205080100-moz-transform:translateY(0);
-webkit-transform:translateY(0);
-o-transform:translateY(0);
transform:translateY(0);
}

40% {
    -moz-transform:translateY(5px);
    -webkit-transform:translateY(5px);
    -o-transform:translateY(5px);
    transform:translateY(5px);
}

60% {
    -moz-transform:translateY(2px);
    -webkit-transform:translateY(2px);
    -o-transform:translateY(2px);
    transform:translateY(2px);
}
}

@-o-keyframes bounce--left {
0205080100-moz-transform:translateY(0);
-webkit-transform:translateY(0);
-o-transform:translateY(0);
transform:translateY(0);
}

40% {
    -moz-transform:translateY(5px);
    -webkit-transform:translateY(5px);
    -o-transform:translateY(5px);
    transform:translateY(5px);
}

60% {
    -moz-transform:translateY(2px);
    -webkit-transform:translateY(2px);
    -o-transform:translateY(2px);
    transform:translateY(2px);
}
}

@keyframes bounce--left {
0205080100-moz-transform:translateY(0);
-webkit-transform:translateY(0);
-o-transform:translateY(0);
transform:translateY(0);
}

40% {
    -moz-transform:translateY(5px);
    -webkit-transform:translateY(5px);
    -o-transform:translateY(5px);
    transform:translateY(5px);
}

60% {
    -moz-transform:translateY(2px);
    -webkit-transform:translateY(2px);
    -o-transform:translateY(2px);
    transform:translateY(2px);
}
}

@media screen and max-width520px {
    .hide-for-mobile {
        display:none!important;
    }
}

@media screen and min-width325em and min-height2625em {
    .nav-collapsed .tour-callout-marker,.nav-collapsed .tour-callout-marker.nav-marker {
        padding-left:0;
    }
}

.tour-callout-marker {
    position:absolute;
    z-index:90;
    box-sizing:border-box;
    margin-top:-20px;
    margin-top:-1.25rem;
    -moz-transition-property:all;
    -webkit-transition-property:all;
    -o-transition-property:all;
    transition-property:all;
    -moz-transition-duration:.2s;
    -webkit-transition-duration:.2s;
    -o-transition-duration:.2s;
    transition-duration:.2s;
    -moz-timing-function:ease-in-out;
    -webkit-timing-function:ease-in-out;
    -o-timing-function:ease-in-out;
    timing-function:ease-in-out;
}

@media screen and min-width325625em and min-height2625em {
    .tour-callout-marker {
        padding-left:65px;
    }

    .tour-callout-marker.nav-marker {
        padding-left:135px;
        padding-top:30px;
    }
}

@media screen and max-width325625em {
    .tour-callout-marker.nav-marker {
        padding-top:100px!important;
    }

    .tour-callout-marker.nav-marker a {
        background:url(/static/images/callout-marker--points-up.b21e3fe49254.svg) left top no-repeat;
        background-size:32px 39px;
    }
}

.tour-callout-marker.marker-is-hidden {
    display:none;
}

.tour-callout-marker.nav-marker {
    margin-left:40px;
}

.tour-callout-marker.marker-is-animated {
    -moz-animation:bounce--up 2s 3;
    -webkit-animation:bounce--up 2s 3;
    animation:bounce--up 2s 3;
}

.tour-callout-marker a {
    background:url(/static/images/tour-callout-market.377b0c42e9b8.svg) left top no-repeat;
    background-size:32px 39px;
    display:block;
    width:32px;
    height:39px;
    padding:0;
    margin:0;
}

.tour-dialogue {
    background:#fff;
    border:1px solid #d5d6d2;
    padding:0 20px 20px;
    padding:0 1.25rem 1.25rem;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    -o-border-radius:5px;
    border-radius:5px;
    -moz-box-shadow:rgba(0,0,0,0.2) 0 0 20px 0;
    -webkit-box-shadow:rgba(0,0,0,0.2) 0 0 20px 0;
    -o-box-shadow:rgba(0,0,0,0.2) 0 0 20px 0;
    box-shadow:rgba(0,0,0,0.2) 0 0 20px 0;
    -moz-transition-duration:.75s;
    -webkit-transition-duration:.75s;
    -o-transition-duration:.75s;
    transition-duration:.75s;
    width:512px;
}

@media screen and max-width620px {
    .tour-dialogue {
        width:95%;
        margin:0 2.5%!important;
        left:0!important;
    }

    .tour-dialogue .dialog-actions li,.tour-dialogue .dialog-actions li .button {
        width:100%;
        text-align:center;
    }
}

.tour-dialogue h1 {
    font-size:26px;
    font-size:1.625rem;
    margin-bottom:0;
}

.tour-dialogue p {
    margin:10px 0;
    margin:.625rem 0;
    font-size:16px;
    font-size:1rem;
}

.tour-dialogue .no-margin {
    margin:0;
}

.tour-dialogue ul li,.tour-dialogue ol li {
    display:inline-block;
}

.tour-dialogue .dialog-actions {
    text-align:right;
    position:relative;
    top:10px;
}

@media screen and min-width820px {
    .tour-dialogue .dialog-actions {
        top:0;
    }

    .tour-dialogue .dialog-actions li {
        margin:0 0 0 10px;
        margin:0 0 0 .625rem;
    }
}

.tour-dialogue.dropdown-dialogue {
    position:fixed;
    top:20%;
    left:50%;
    margin-left:-256px;
    z-index:99;
    -moz-transform:translateY(-50%);
    -webkit-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%);
    -moz-transition-property:top;
    -webkit-transition-property:top;
    -o-transition-property:top;
    transition-property:top;
}

.tour-dialogue.dropdown-dialogue.dialogue-hidden {
    top:-1000px;
}

.tour-dialogue.zoomin-dialogue {
    position:fixed;
    z-index:99;
    max-width:400px;
    margin-left:50px;
}

.tour-dialogue.zoomin-dialogue.nav-dialogue {
    margin-left:75px;
}

.tour-dialogue.zoomin-dialogue:before {
    background-image:url(/static/images/dialogue-arrow-left.f47bc5da03bf.svg);
    content:"";
    background-position:left top;
    background-repeat:no-repeat;
    left:-16px;
    top:20px;
    width:17px;
    height:32px;
    position:absolute;
}

.tour-dialogue.zoomin-dialogue.dialogue-hidden {
    display:none;
}

@media screen and max-width5125em,screen and max-height3875em {
    .tour-dialogue.zoomin-dialogue {
        top:20%!important;
        left:50%!important;
        margin-left:-200px!important;
    }

    .tour-dialogue.zoomin-dialogue .modal-overlay {
        display:block!important;
    }
}

@media screen and max-width5125em and max-width325em,screen and max-height3875em and max-width325em {
    .tour-dialogue.zoomin-dialogue {
        margin-left:0!important;
        left:10px!important;
    }
}

@media screen and max-width5125em,screen and max-height3875em {
    .tour-dialogue.zoomin-dialogue:before {
        display:none!important;
    }
}

.tour-dialogue .content {
    width:100%;
    overflow:hidden;
    white-space:nowrap;
}

.tour-dialogue .content .slide {
    width:100%;
    white-space:normal;
    display:inline-block;
    vertical-align:top;
}

.tour-dialogue .content h1 {
    font-weight:300;
    margin-bottom:0;
}

.tour-dialogue .disable-tour {
    float:left;
    color:#846f5e;
    position:relative;
    z-index:100;
    font-size:13px;
}

.tour-dialogue .disable-tour a {
    color:#846f5e;
    text-decoration:underline;
}

.tour-dialogue .disable-tour a:hover {
    color:#e98300; /* *orange* */
}

.tour-dialogue .pagination {
    text-align:center;
    clear:both;
}

.tour-dialogue .pagination li {
    margin:0 5px;
}

.tour-dialogue .pagination a {
    background-color:#d5d6d2;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    -o-border-radius:5px;
    border-radius:5px;
    display:block;
    text-indent:-119988px;
    overflow:hidden;
    text-align:left;
    text-transform:capitalize;
    width:10px;
    height:10px;
}

.tour-dialogue .pagination a.active {
    background-color:#e98300; /* *orange* */
}

@font-face {
    font-family:"Stag Sans";
    src:url(/static/fonts/StagSans-Light-Web.c1c08bd5054a.woff) format(opentype);
    font-weight:100;
    font-style:normal;
}

@font-face {
    font-family:"Stag Sans";
    src:url(/static/fonts/StagSans-Book-Web.cf0f67e901e6.woff) format(opentype);
    font-weight:normal;
    font-style:normal;
}

@font-face {
    font-family:"Stag Sans";
    src:url(/static/fonts/StagSans-Bold-Web.5089996cd9c0.woff) format(opentype);
    font-weight:bold;
    font-style:normal;
}

@font-face {
    font-family:"Stag Web";
    src:url(/static/fonts/Stag-Light-Web.1693bf43745e.woff) format(opentype);
    font-weight:100;
    font-style:normal;
}

@font-face {
    font-family:"Stag Web";
    src:url(/static/fonts/Stag-Book-Web.65fe8063112e.woff) format(opentype);
    font-weight:normal;
    font-style:normal;
}

@font-face {
    font-family:"Stag Web";
    src:url(/static/fonts/Stag-Bold-Web.c6643e85346e.woff) format(opentype);
    font-weight:bold;
    font-style:normal;
}

@font-face {
    font-family:"SS Flow";
    src:url(/static/fonts/ss-flow.af98a8a51d13.woff) format(opentype);
    font-weight:normal;
    font-style:normal;
}

.dashboard-module h1,.dashboard-module h2 {
    font-size:14px;
    font-size:1.4rem;
    line-height:16px;
    line-height:1.6rem;
    font-weight:400;
    margin:0;
}

.dashboard-module p {
    font-size:9px;
    font-size:.9rem;
    line-height:12px;
    line-height:1.2rem;
    margin-top:0;
}

.dashboard-module .header div {
    font-size:8px;
    font-size:.8rem;
    line-height:8px;
    line-height:.8rem;
    font-weight:400;
}

.dashboard-module .title {
    font-size:10px;
    font-size:1rem;
    line-height:14px;
    line-height:1.4rem;
    font-weight:400;
}

.dashboard-module aside {
    font-size:8px;
    font-size:.8rem;
    line-height:14px;
    line-height:1.4rem;
    font-weight:100;
}

.dashboard .page__title,.dashboard .wrapper--content {
    margin:0 0 0 20px;
    margin:0 0 0 20px;
}

@mediamax-width325625em {
    .dashboard .page__title,.dashboard .wrapper--content {
        margin:10px 0 0 15px;
        margin:1rem 0 0 15px;
    }
}

.dashboard-grid {
    max-width:100%;
    margin-left:auto;
    margin-right:auto;
    max-width:100%;
    overflow:hidden;
}

.dashboard-grid:after {
    content:" ";
    display:block;
    clear:both;
}

.dashboard-row {
    width:100%;
    overflow:scroll;
}

@mediamin-width20em {
    .dashboard-module {
        margin:10px 0 20px;
        margin:1rem 0 2rem;
        width:120%;
        float:left;
        margin-right:5.26316%;
    }
}

@mediamin-width325625em {
    .dashboard-module {
        width:120%;
        float:left;
        margin-right:5.26316%;
    }
}

@mediamin-width419375em {
    .dashboard-module {
        width:44.7%;
        float:left;
        margin-right:5.26316%;
    }
}

@mediamin-width48em {
    .dashboard-module {
        margin:10px 0;
        margin:1rem 0;
        width:44.7%;
        float:left;
        margin-right:5.26316%;
    }
}

@mediamin-width494375em {
    .dashboard-module {
        width:44.7%;
        float:left;
        margin-right:5.26316%;
    }
}

@mediamin-width506875em {
    .dashboard-module {
        margin:10px 0 20px;
        margin:1rem 0 2rem;
        width:44.7%;
        float:left;
        margin-right:5.26316%;
    }
}

@mediamin-width69em {
    .dashboard-module {
        width:44.7%;
        float:left;
        margin-right:5.26316%;
    }
}

@mediamin-width78125em {
    .dashboard-module {
        margin:20px 0;
        margin:2rem 0;
        width:44.7%;
        float:left;
        margin-right:5.26316%;
    }
}

@mediamin-width1000625em {
    .dashboard-module {
        width:44.7%;
        float:left;
        margin-right:5.26316%;
    }
}

.dashboard-module .header {
    padding:0 0 5px;
    padding:0 0 .5rem;
    margin:0 0 10px;
    margin:0 0 1rem;
    border-bottom:1px solid #d5d6d2;
}

.dashboard-module .header div {
    float:right;
    margin-top:-15px;
}

.dashboard-module aside {
    margin:-5px 0 10px;
    margin:-.5rem 0 1rem;
}

.dashboard-module .card--cover-card {
    width:21.05263%;
    float:left;
}

.dashboard-module .card--cover-card:nth-child(4n+1) {
    margin-left:0;
    margin-right:-100%;
    clear:both;
    margin-left:0;
}

.dashboard-module .card--cover-card:nth-child(4n+2) {
    margin-left:26.31579%;
    margin-right:-100%;
    clear:none;
}

.dashboard-module .card--cover-card:nth-child(4n+3) {
    margin-left:52.63158%;
    margin-right:-100%;
    clear:none;
}

.dashboard-module .card--cover-card:nth-child(4n+4) {
    margin-left:78.94737%;
    margin-right:-100%;
    clear:none;
}

.dashboard-module .card--cover-card .card-details {
    display:none;
}

@mediamin-width20em {
    .dashboard-module.full-size {
        width:270%;
        float:left;
        margin-right:5.26316%;
    }
}

@mediamin-width325625em {
    .dashboard-module.full-size {
        width:270%;
        float:left;
        margin-right:5.26316%;
    }
}

@mediamin-width419375em {
    .dashboard-module.full-size {
        width:96%;
        float:left;
        margin-right:5.26316%;
    }
}

@mediamin-width48em {
    .dashboard-module.full-size {
        width:96%;
        float:left;
        margin-right:5.26316%;
    }
}

@mediamin-width494375em {
    .dashboard-module.full-size {
        width:96%;
        float:left;
        margin-right:5.26316%;
    }
}

@mediamin-width506875em {
    .dashboard-module.full-size {
        width:96%;
        float:left;
        margin-right:5.26316%;
    }
}

@mediamin-width69em {
    .dashboard-module.full-size {
        width:96%;
        float:left;
        margin-right:5.26316%;
    }
}

@mediamin-width78125em {
    .dashboard-module.full-size {
        width:96%;
        float:left;
        margin-right:5.26316%;
    }
}

@mediamin-width1000625em {
    .dashboard-module.full-size {
        width:96%;
        float:left;
        margin-right:5.26316%;
    }
}

.dashboard-module.full-size .card--cover-card {
    width:9.09091%;
    float:left;
}

.dashboard-module.full-size .card--cover-card:nth-child(9n+1) {
    margin-left:0;
    margin-right:-100%;
    clear:both;
    margin-left:0;
}

.dashboard-module.full-size .card--cover-card:nth-child(9n+2) {
    margin-left:11.36364%;
    margin-right:-100%;
    clear:none;
}

.dashboard-module.full-size .card--cover-card:nth-child(9n+3) {
    margin-left:22.72727%;
    margin-right:-100%;
    clear:none;
}

.dashboard-module.full-size .card--cover-card:nth-child(9n+4) {
    margin-left:34.09091%;
    margin-right:-100%;
    clear:none;
}

.dashboard-module.full-size .card--cover-card:nth-child(9n+5) {
    margin-left:45.45455%;
    margin-right:-100%;
    clear:none;
}

.dashboard-module.full-size .card--cover-card:nth-child(9n+6) {
    margin-left:56.81818%;
    margin-right:-100%;
    clear:none;
}

.dashboard-module.full-size .card--cover-card:nth-child(9n+7) {
    margin-left:68.18182%;
    margin-right:-100%;
    clear:none;
}

.dashboard-module.full-size .card--cover-card:nth-child(9n+8) {
    margin-left:79.54545%;
    margin-right:-100%;
    clear:none;
}

.dashboard-module.full-size .card--cover-card:nth-child(9n+9) {
    margin-left:90.90909%;
    margin-right:-100%;
    clear:none;
}

@mediamin-width20em {
    .dashboard-module.big-covers {
        width:96%;
        float:left;
        margin-right:5.26316%;
    }
}

@mediamin-width325625em {
    .dashboard-module.big-covers {
        width:96%;
        float:left;
        margin-right:5.26316%;
    }
}

@mediamin-width419375em {
    .dashboard-module.big-covers {
        width:44.7%;
        float:left;
        margin-right:5.26316%;
    }
}

@mediamin-width48em {
    .dashboard-module.big-covers {
        width:44.7%;
        float:left;
        margin-right:5.26316%;
    }
}

@mediamin-width494375em {
    .dashboard-module.big-covers {
        width:44.7%;
        float:left;
        margin-right:5.26316%;
    }
}

@mediamin-width506875em {
    .dashboard-module.big-covers {
        width:44.7%;
        float:left;
        margin-right:5.26316%;
    }
}

@mediamin-width69em {
    .dashboard-module.big-covers {
        width:44.7%;
        float:left;
        margin-right:5.26316%;
    }
}

@mediamin-width78125em {
    .dashboard-module.big-covers {
        width:44.7%;
        float:left;
        margin-right:5.26316%;
    }
}

@mediamin-width1000625em {
    .dashboard-module.big-covers {
        width:44.7%;
        float:left;
        margin-right:5.26316%;
    }
}

.dashboard-module.big-covers .card--cover-card {
    width:28.57143%;
    float:left;
}

.dashboard-module.big-covers .card--cover-card:nth-child(3n+1) {
    margin-left:0;
    margin-right:-100%;
    clear:both;
    margin-left:0;
}

.dashboard-module.big-covers .card--cover-card:nth-child(3n+2) {
    margin-left:35.71429%;
    margin-right:-100%;
    clear:none;
}

.dashboard-module.big-covers .card--cover-card:nth-child(3n+3) {
    margin-left:71.42857%;
    margin-right:-100%;
    clear:none;
}

@mediamin-width240px {
    .dashboard-module.big-covers .cover-image-container {
        height:120px;
    }
}

@mediamin-width20em {
    .dashboard-module.big-covers .cover-image-container {
        height:150px;
    }
}

@mediamin-width325625em {
    .dashboard-module.big-covers .cover-image-container {
        height:200px;
    }
}

@mediamin-width419375em {
    .dashboard-module.big-covers .cover-image-container {
        height:150px;
    }
}

@mediamin-width48em {
    .dashboard-module.big-covers .cover-image-container {
        height:160px;
    }
}

@mediamin-width494375em {
    .dashboard-module.big-covers .cover-image-container {
        height:160px;
    }
}

@mediamin-width506875em {
    .dashboard-module.big-covers .cover-image-container {
        height:200px;
    }
}

@mediamin-width69em {
    .dashboard-module.big-covers .cover-image-container {
        height:200px;
    }
}

@mediamin-width78125em {
    .dashboard-module.big-covers .cover-image-container {
        height:150px;
    }
}

@mediamin-width1000625em {
    .dashboard-module.big-covers .cover-image-container {
        height:200px;
    }
}

.dashboard-module.announcement {
    background-color:white;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
}

@mediamin-width20em {
    .dashboard-module.announcement {
        width:96%;
        float:left;
        margin-right:5.26316%;
    }
}

@mediamin-width325625em {
    .dashboard-module.announcement {
        width:96%;
        float:left;
        margin-right:5.26316%;
    }
}

@mediamin-width419375em {
    .dashboard-module.announcement {
        width:44.7%;
        float:left;
        margin-right:5.26316%;
    }
}

@mediamin-width48em {
    .dashboard-module.announcement {
        width:44.7%;
        float:left;
        margin-right:5.26316%;
    }
}

@mediamin-width494375em {
    .dashboard-module.announcement {
        width:44.7%;
        float:left;
        margin-right:5.26316%;
    }
}

@mediamin-width506875em {
    .dashboard-module.announcement {
        width:44.7%;
        float:left;
        margin-right:5.26316%;
    }
}

@mediamin-width69em {
    .dashboard-module.announcement {
        width:44.7%;
        float:left;
        margin-right:5.26316%;
    }
}

@mediamin-width78125em {
    .dashboard-module.announcement {
        width:44.7%;
        float:left;
        margin-right:5.26316%;
    }
}

@mediamin-width1000625em {
    .dashboard-module.announcement {
        width:44.7%;
        float:left;
        margin-right:5.26316%;
    }
}

.dashboard-module.announcement h1,.dashboard-module.announcement h2,.dashboard-module.announcement p {
    width:90%;
    padding:15px;
}

.dashboard-module.announcement p {
    padding-top:0;
    padding-bottom:20px;
    margin:0;
}

@mediamin-width20em {
    .dashboard-module.editors-picks {
        width:96%;
        float:left;
        margin-right:5.26316%;
    }
}

@mediamin-width325625em {
    .dashboard-module.editors-picks {
        width:96%;
        float:left;
        margin-right:5.26316%;
    }
}

@mediamin-width419375em {
    .dashboard-module.editors-picks {
        width:44.7%;
        float:left;
        margin-right:5.26316%;
    }
}

@mediamin-width48em {
    .dashboard-module.editors-picks {
        width:44.7%;
        float:left;
        margin-right:5.26316%;
    }
}

@mediamin-width494375em {
    .dashboard-module.editors-picks {
        width:44.7%;
        float:left;
        margin-right:5.26316%;
    }
}

@mediamin-width506875em {
    .dashboard-module.editors-picks {
        width:44.7%;
        float:left;
        margin-right:5.26316%;
    }
}

@mediamin-width69em {
    .dashboard-module.editors-picks {
        width:44.7%;
        float:left;
        margin-right:5.26316%;
    }
}

@mediamin-width78125em {
    .dashboard-module.editors-picks {
        width:44.7%;
        float:left;
        margin-right:5.26316%;
    }
}

@mediamin-width1000625em {
    .dashboard-module.editors-picks {
        width:44.7%;
        float:left;
        margin-right:5.26316%;
    }
}

.dashboard-module .cover-image-container {
    padding:0;
    padding:0;
    margin:0;
    margin:0;
    float:none;
    display:table-cell;
    width:100%;
    max-width:600px;
    vertical-align:bottom;
}

@mediamin-width20em {
    .dashboard-module .cover-image-container {
        height:170px;
    }
}

@mediamin-width325625em {
    .dashboard-module .cover-image-container {
        height:200px;
    }
}

@mediamin-width419375em {
    .dashboard-module .cover-image-container {
        height:110px;
    }
}

@mediamin-width48em {
    .dashboard-module .cover-image-container {
        height:110px;
    }
}

@mediamin-width494375em {
    .dashboard-module .cover-image-container {
        height:110px;
    }
}

@mediamin-width506875em {
    .dashboard-module .cover-image-container {
        height:150px;
    }
}

@mediamin-width69em {
    .dashboard-module .cover-image-container {
        height:170px;
    }
}

@mediamin-width78125em {
    .dashboard-module .cover-image-container {
        height:200px;
    }
}

@mediamin-width1000625em {
    .dashboard-module .cover-image-container {
        height:200px;
    }
}

.card--list-card {
    width:100%;
    margin:0;
    list-style:none;
    height:50px;
}

.card--list-card .cover {
    display:inline-table;
    width:35px;
}

.card--list-card .cover img {
    width:30px;
    border:1px solid #d5d6d2;
}

.card--list-card .metadata-container {
    display:inline-table;
    vertical-align:top;
    width:85%;
    padding-bottom:15px;
}

.card--list-card .title {
    max-width:30em;
    padding-bottom:5px;
}

.blog-posts .card--list-card {
    height:auto;
}

.blog-posts .metadata-container {
    padding-bottom:0;
}

.cover-image-container img {
    border:1px solid #d5d6d2;
    width:100%;
}

.cover-image-container img:hover {
    width:103%;
}

.card--video .card-image a:before {
    background:url(/static/images/icon__play-prompt.b3c437d75a99.svg) 18px center no-repeat rgba(7,12,15,0.5);
}

.simplelist .list-description {
    max-width:1600px;
    box-sizing:border-box;
    overflow:hidden;
    text-align:left;
    background-color:#e1dfda;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    -o-border-radius:3px;
    border-radius:3px;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -o-box-sizing:border-box;
    box-sizing:border-box;
    margin:0 20px;
    padding:15px;
}

@mediamin-width48em {
    .simplelist .list-description {
        padding:15px 2% 15px 15px;
    }
}

@mediamin-width78125em {
    .simplelist .list-description {
        padding:15px 16% 15px 15px;
    }
}

.simplelist .list-description article {
    font-size:18px;
    max-width:1000px;
}

stylish-v2.css

@-moz-document domain("safaribooksonline.com") {

.articlelist>li .cover a:focus {
  border:1px solid #ab6000 !important;
}  

small.ok {
  color:#ab6000 !important;
}  

a:link,a:visited {
  color:#ab6000 !important;
}  

a:link.gray-link:focus,a:link:focus,a:link.gray-link:hover,a:link:hover,a:visited.gray-link:focus,a:visited:focus,a:visited.gray-link:hover,a:visited:hover {
  color:#ab6000 !important;
}  

a.skip:active,a.skip:focus,a.skip:hover {
  background-color:#ab6000 !important;
}  

a.l0.active,a.l1.active,a.l2.active {
  color:#ab6000 !important;
}  

.autocomplete-suggestions .autocomplete-suggestion:focus,.autocomplete-suggestions .autocomplete-suggestion:hover,.autocomplete-suggestions .autocomplete-suggestion.autocomplete-selected {
  color:#ab6000 !important;
}  

.searchbox .search-form:hover,.searchbox .search-form:focus,.searchbox .search-form:active,.searchbox .search-form.active {
  border:1px solid #ab6000 !important;
}  

.oldie .logo .safari:focus,.oldie .logo .safari:hover {
  background-color:#ab6000 !important;
}  

.logo .safari {
  background:#ab6000 !important;
}  

.l2:focus,.l2:hover {
  color:#ab6000 !important;
}  

.gen-nav .login {
  color:#ab6000 !important;
}  

.mknav {
  background-color:#ab6000 !important;
}  

.tooltip.active .tooltip-inner {
  background-color:#ab6000 !important;
}  

.tooltip.active.right .tooltip-arrow {
  border-right-color:#ab6000 !important;
}  

.homepage section small a:focus,.homepage section small a:hover {
  color:#ab6000 !important;
}  

.feedback.added:before {
  color:#ab6000 !important;
}  

.articlelist>li .info .main a.title-block {
  color:#ab6000 !important;
}  

.rec-fav.active,.rec-fav.active:before {
  color:#ab6000 !important;
}  

.recommended-reason .book-title a:focus,.recommended-reason .book-title a:hover {
  color:#ab6000 !important;
}  

.topic-display li .topic {
  color:#ab6000 !important;
}  

.expanded .live-agent input {
  background:#ab6000 none no-repeat 0 0 !important;
}  

.expanded .live-agent input:focus,.expanded .live-agent input:hover {
  background:#ab6000 !important;
}  

.django-messages .success,.django-messages .info {
  background:#ab6000 !important;
}  

#sbo-rt-content .annotator-wrapper .annotator-editor-wrapper a {
  color:#ab6000 !important;
}  

#sbo-rt-content .annotator-wrapper .annotator-editor-wrapper .annotator-delete:hover {
  background:#ab6000 !important;
}  

#sbo-rt-content .annotator-wrapper .annotator-editor-wrapper .annotator-widget .annotator-controls a.positive {
  background:#ab6000 !important;
}  

#sbo-rt-content .annotator-wrapper .annotator-editor-wrapper .annotator-widget .annotator-controls a.positive:focus,#sbo-rt-content .annotator-wrapper .annotator-editor-wrapper .annotator-widget .annotator-controls a.positive:hover {
  background:#ab6000 !important;
}  

.pagefoot a:active,.pagefoot a:focus,.pagefoot a:hover {
  color:#ab6000 !important;
}  

.pagefoot li a {
  color:#ab6000 !important;
}  

.subscribe-nag .green {
  color:#ab6000 !important;
}  

.subscribe-nag .js-toggle-nag:focus,.subscribe-nag .js-toggle-nag:hover {
  background-color:#ab6000 !important;
}  

.teams .members-rate {
  color:#ab6000 !important;
}  

#settings .pod.upgrade.upgrade-green {
  background-color:#ab6000 !important;
}  

#settings .tabs ul li a.active {
  color:#ab6000 !important;
}  

.apps-promotion__android-cta a:focus,.apps-promotion__android-cta a:hover,.apps-promotion__android-cta a:active,.section__more-link a:focus,.section__more-link a:hover,.section__more-link a:active {
  color:#ab6000 !important;
}  

.no-touch .layout2 nav a:focus,.no-touch .layout2 nav a:hover,.layout2 nav a.active {
  color:#ab6000 !important;
}  

.inline-icon {
  color:#ab6000 !important;
}  

.checkmark {
  color:#ab6000 !important;
}  

#plan_form .plantype .pricing,#plan_form .plantype .lead,#plan_form .planoption .pricing,#plan_form .planoption .lead,#cancel_form .plantype .pricing,#cancel_form .plantype .lead,#cancel_form .planoption .pricing,#cancel_form .planoption .lead {
  color:#ab6000 !important;
}  

.user-profile .nav ol li a:focus,.user-profile .nav ol li a:hover {
  color:#ab6000 !important;
}  

.user-profile .nav ol li a.current {
  color:#ab6000 !important;
}  

.user-profile .annotation-list .annotation-info li .annotation-quote:focus,.user-profile .annotation-list .annotation-info li .annotation-quote:hover {
  color:#ab6000 !important;
}  

.tour-dialogue .disable-tour a:hover {
  color:#ab6000 !important;
}  

.tour-dialogue .pagination a.active {
  background-color:#ab6000 !important;
}  
  
}