/*
=====================================
General
=====================================
*/
img.book_image {
    box-shadow: 0px 7px 10px -9px #222;
}

body.iframe .form_image_description {
    margin-top: -3.5em;
}

.generic_table {
    width: 100%;
    line-height: 120%;
}
.generic_table th, .generic_table td {
    padding: 10px 20px 10px 5px;
    text-align: left;
}
.generic_table tr {
    border-top: 1px solid #dadada;
    border-bottom: 1px solid #dadada;
}
.generic_table th {
    background-color: #f3f3f3;
}

blockquote {
    background-image: url('/template/images/bg_quote.png');
}


/*
=====================================
Advertisements
=====================================
*/

/* Raptive / AdThrive */

aside .adthrive-ad.adthrive-sticky-sidebar {
    margin-top: 40px !important;
}

aside .adthrive-ad.adthrive-sticky-sidebar > div {
    top: 20px !important;
}

#primis_intext .adthrive-collapse-player {
    padding: 0px !important;
}

.adthrive-collapse-bottom-right {
    margin-right: 10px !important;
}

#footer .adthrive-footer-message {
    padding-bottom: 40px;
}

#footer .adthrive-footer-message>span {
    border-top: 0px;
    padding-top: 5px;
    text-transform: none;
    color: #e0e0e0;
}
.adthrive-device-phone #footer .adthrive-footer-message {
    margin-bottom: 40px;
}
footer .adthrive-ccpa-link {
    color: #e0e0e0 !important;
}
footer .adthrive-ccpa-link a {
    color: #fff;
    text-decoration: none;
    border: 1px solid #fff;
    border-radius: 5px;
    padding: 4px 8px;
    margin: 10px;
    display: inline-block;
    font-weight: normal;
}
footer .adthrive-ccpa-link a:hover {
    color: #293744;
    background-color: #fff;
}
.ad_Mobile_Intext .adcontainer {
    min-height: 250px;
}

body.footer-test .ad_Flexi_BottomLeft.ahe-ad {
    display: none;
}

/*
=====================================
Footer
=====================================
*/

#sponsors_box {
    text-align: center;
    margin-top: 40px;
    margin: 0px -1px -0px -1px;
    color: #444;
    padding: 20px;
    border-top: 1px solid #dadada;
    border-bottom: 1px solid #dadada;
}

#recommended_list {
    font-family: Karla, Arial, Helvetica, sans-serif;
    line-height: 140%;
    margin-top: 40px;
    color: #666;
    padding: 20px;
}

#recommended_list a {
    color: #333;
}

#footer {
    background-color: #293744;
    padding-bottom: 100px;
}

#footer_contents {
    padding: 80px 0;
    color: #e0e0e0;
    font-family: Karla,Arial,Helvetica,sans-serif;
    background-image: url('/template/images/header/whe-logo-white-r.svg');
    background-repeat: no-repeat;
    background-position: 0 80px;
    background-size: 238px 58px;
}

.footer_section {
    clear: both;
    margin-bottom: 40px;
}
.footer_section.top {
    margin-left: 298px;
}
.footer_section div {
    vertical-align: top;
}
.footer_section .footer_logo {
    float: left;
    margin-right: 60px;
    margin-top: 2px;
}
.footer_section .center {
    width: 480px;
    display: inline-block;
    margin-right: 60px;
}
.footer_section .right {
    display: inline-block;
    width: 298px;
}
.footer_section strong {
    margin-bottom: 0.6em;
    display: block;
    font-size: 120%;
    color: #e0e0e0;
}
#footer_contents a {
    color: #fff;
}
.footer_section .links .bullet {
    margin: 0px 5px;
}
.footer_section .links {
    border-top: 1px solid #455d73;
    border-bottom: 1px solid #455d73;
    padding: 20px 0px;
    text-align: center;
}

a.footer_sm_link:hover {
    text-decoration: none;
}

.footer_section p {
    margin: 0px 0px 0.6em 0px;
}
.footer_section .centered,
.footer_section.centered {
    text-align: center;
}
.footer_section:last-child {
    margin-bottom: 0px;
}
.footer_section .partners img {
    margin: 0px 15px;
    vertical-align: middle;
}
footer .app_buttons {
    display: flex;
    gap: 10px;
}

@media (max-width: 1199px) {
    .footer_section .center {
        width: 300px;
    }
    .footer_section .right {
        width: 260px;
    }
}
@media (max-width: 991px) {
    #footer_contents {
        background-position: center 80px;
    }
    .footer_section.top {
        margin-left: 0px;
        margin-top: 140px;
    }
    .mission.center {
        display: inline-block;
        width: 440px;
        margin-right: 30px;
    }
    .footer_section .right {
        display: inline-block;
        width: 260px;
    }
    .footer_section strong {
        margin-top: 1.33em;
    }
}
@media (max-width: 767px) {
    footer .app_buttons {
        justify-content: center;
    }
    footer .footer_section.top {
        margin-top: 100px;
    }
}

/*
=====================================
AHE Dialogue
=====================================
*/
#ahe_dialogue {
    display: none;
    background-color: rgba(0,0,0,0.7);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 19999997;
}

#ahe_dialogue_popup #ahe_dialogue_headline {
    font-size: 18px;
    text-transform: uppercase;
    background: white;
    height: 20px;
    margin: 0;
    margin-bottom: 1.618em;
}

#ahe_dialogue_popup #ahe_dialogue_headline .dialogue_close {
    float: right;
    margin-top: -2px;
}
#ahe_dialogue_popup {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    max-height: 90%;
    overflow: auto;
    background-color: white;
    z-index: 19999999;
    padding: 20px;
    box-shadow: 0 7px 15px -6px #000;
    font-family: Karla, Arial, Helvetica, sans-serif;
}
#dialogue_content {
    overflow-y: auto;
    overflow-x: hidden;
    margin-top: 10px;
    display: inline;
}
#dialogue_content select, #dialogue_content input {
    max-width: 100%;
}


/*
=====================================
TOC
=====================================
*/

#toc_wrapper {
    position: absolute;
    left: 100px;
    max-width: 200px;
    height: 1000px;
    display: none;
    overflow: visible;
}
#toc {
    position: sticky;
    top: 20px;
    padding-right: 10px;
}
#toc_contents {
    font-family: Karla, Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 130%;
    padding-left: 10px;
}
#toc_contents a {
    display: block;
    cursor: pointer;
    font-weight: normal;
}
#toc_contents a:before {
    content: '- ';
    position: absolute;
    left: 0px;
    color: #999;
    font-weight: normal;
}
#toc_contents a.h3 {
    color: var(--dark-grey);
}
#toc_contents a.h3::before {
    color: var(--dark-grey);
}
#toc .outline_button {
    border-color: var(--dark-grey);
    color: var(--dark-grey);
}

@media (max-width: 1800px) {
    #toc_wrapper, #toc_wrapper * {
        display: none !important;
    }
}

/*
=====================================
Admin
=====================================
*/

#moderate_tabs {
    margin: 2em 0;
}

.tags_admin_table td {
    border: 1px dotted silver;
    padding: 0.2em;
}

.moderate_page .list_table td {
    border-bottom: 1px solid #E4DED7;
    padding: 0 0.7em;
    vertical-align: middle;
}

ul#recent_activity_wrapper {
    padding: 0;
    font-family: Karla;
    line-height: 140%;
    font-size: 14px;
}

#recent_activity_wrapper > li {
    padding: 0.5em;
    border-bottom: 1px solid #dadada;
    list-style-type: none;
    border-left: 4px solid #f3f3f3;
}

#moderate_ajax_container #index_tags_container {
    max-width: 100%;
}

/*
=====================================
User
=====================================
*/
.sm_tiny_sprite {
    display: inline-block;
    width: 35px;
    height: 35px;
    margin-right: 7px;
    background-size: contain;
    opacity: 0.25;
}
.sm_tiny_sprite:hover {
    opacity: 1;
}
.sm_tiny_sprite.instagram {
    background-image: url("/template/images/social_media_icons/svg/instagram.svg?v=2");
}
.sm_tiny_sprite.facebook {
    background-image: url("/template/images/social_media_icons/svg/facebook.svg");
}
.sm_tiny_sprite.twitter {
    background-image: url("/template/images/social_media_icons/svg/twitter.svg?v=2");
}
.sm_tiny_sprite.linkedin {
    background-image: url("/template/images/social_media_icons/svg/linkedin.svg");
}
.sm_tiny_sprite.pinterest {
    background-image: url("/template/images/social_media_icons/svg/pinterest.svg");
}
.sm_tiny_sprite.bluesky {
    background-image: url("/template/images/social_media_icons/svg/bluesky.svg?v=2");
}
.sm_tiny_sprite.website {
    background-image: url("/template/images/social_media_icons/svg/website.svg");
}

/*
=====================================
Fonts & Colours
=====================================
*/

.del_pub_warning {
    background-color: yellow;
    color: red;
    padding: 4px 5px;
    border-radius: 5px;
}
.info_icon {
    color: #999;
    font-size: 90%;
    font-weight: normal !important;
    margin-left: 0.2em;
    text-transform: lowercase !important;
}
.info_icon.tooltip {
    cursor: default;
}

.editor_tools_info_block {
    font-family: Karla, Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 16px;
    color: #666;
}

.editor_tools_info_block .header {
    color: #222;
    text-transform: uppercase;
}

/* Membership & Static Pages */
.keyphrase {
    font-size: 24px;
    line-height: 1.4em;
}

.keyphrase.important {
    border-left: 5px solid #b52600;
    padding: 20px;
    margin-left: -25px;
    background-color: #f3f3f3;
}

.reasons_list {
    padding-bottom: 40px !important;
    border-bottom: 1px solid #ddd !important;
    margin-bottom: 40px !important;
    vertical-align: top;
    text-align: center;
    padding-top: 0px;
    margin-top: -30px;
}

.reason {
    width: 300px !important;
    text-align: left !important;
    margin-right: 40px;
    display: inline-block;
    vertical-align: top;
    margin-top: 40px;
}

.reason:last-child {
    margin-right: 0 !important;
}

.reason .headline {
    font-family: Karla, Arial, Helvetica, sans-serif;
    font-size: 26px !important;
    display: block;
    padding: 5px 15px;
    text-transform: none !important;
    font-weight: bold;
    text-align: center;
    margin-bottom: 0.2em;
}

.reason img {
    border-radius: 50%;
    display: block;
    margin: 10px auto;
    padding: 3px;
    border: 1px solid #E7E7E7;
    box-shadow: 0px 7px 10px -10px #666;
}
.citation_details {
    font-family: Karla, Arial, Helvetica, sans-serif;
    line-height: 130%;
}
.citation_details p {
    margin: 0.5em 1em;
}
.full-width-ribbon {
    padding: 40px 0 40px 0 !important;
    width: 100% !important;
    border-left: 0 !important;
    border-right: 0 !important;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-radius: 0 !important;
    position: relative !important;
    margin-bottom: 50px !important;
}
.full-width-ribbon {
    margin-top: 20px;
    background: #f3f3f3;
    border: 1px solid #ddd;
    border-radius: 5px;
    display: inline-block;
}
.full-width-ribbon:before {
    content: "" !important;
    background: #f3f3f3;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    width: 1000px !important;
    height: 100% !important;
    top: -1px !important;
    left: -1000px !important;
    position: absolute !important;
}
.full-width-ribbon:after {
    content: "" !important;
    background: #f3f3f3;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    width: 1000px !important;
    height: 100% !important;
    top: -1px !important;
    right: -1000px !important;
    position: absolute !important;
}
.contribute_page .left_3_column p {
    font-family: Karla, Arial, Helvetica, sans-serif;
    line-height: 130%;
}

/* Moderate queue */
.submission_info {
    margin: 0.5em 0;
    font-size: 14px;
    color: silver;
}
.late_publishing_warning {
    color: red;
}

/* Sefaria */
a.sefaria-ref {
    color: #000;
}

/*
=====================================
Images
=====================================
*/
.roundme_embed figcaption {
    margin-top: 6px;
}

#media_search {
    width: 140px;
}

#media_search_response img {
    cursor: pointer;
}

.image_display_title {
    font-family: Karla, Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 16px;
    text-decoration: none !important;
    padding: 0;
    margin: -0.8em 0 0.8em 0;
    text-align: center;
}
#preview_wrapper {
    background-color: #B52600;
    border: 2px solid #B52600;
    overflow: hidden;
    z-index: 2147483647;
}

#preview_wrapper p {
    padding: 2px;
    margin: 0;
    font-weight: bold;
    font-size: 12px;
    color: #FFF;
    overflow: hidden;
}
#insert_image_dialog {
    position: absolute;
    background: #FFF;
}

#insert_image_dialog ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
    border-bottom: 1px solid silver;
}

#insert_image_dialog li {
    font-size: 9px;
    padding: 0;
    margin: 0;
}

#insert_image_dialog a {
    display: block;
    width: 100%;
    color: #B52600;
    border-top: 1px solid silver;
    padding: 2px;
    margin: 0;
    text-decoration: none;
}

#insert_image_dialog a:hover {
    text-decoration: none;
    color: #FFF;
    background: #B52600;
}

/*
=====================================
Content Items
=====================================
*/
.content_item .type__1 {
    background-image: url(/template/images/icons/definition.svg?v=2);
}
.content_item .type__2 {
    background-image: url(/template/images/icons/article.svg?v=2);
}
.content_item .type__3 {
    background-image: url(/template/images/icons/image.svg?v=2);
}
.content_item .type__4 {
    background-image: url(/template/images/icons/image3d.svg?v=2);
}
.content_item .type__5 {
    background-image: url(/template/images/icons/5.png);
}
.content_item .type__6 {
    background-image: url(/template/images/icons/video.svg?v=2);
}
.content_item .type__7 {
    background-image: url(/template/images/icons/7.png);
}
.content_item .type__8 {
    background-image: url(/template/images/icons/review.svg?v=2);
}
.content_item .type__9 {
    background-image: url(/template/images/icons/collection.svg?v=2);
}
.content_item .type__10 {
    background-image: url(/template/images/icons/teaching.svg?v=2);
}
.content_item .type__11 {
    background-image: url(/template/images/icons/quiz.svg?v=2);
}

.ci_edit_history table {
    font-family: Monospace;
    font-size: 12px;
    width: 100%;
}
.ci_edit_history td, .ci_edit_history th {
    border-bottom: 1px solid #dadada;
    padding: 5px;
    letter-spacing: -0.2px;
}

.rating_button {
    width: 25px;
    height: 25px;
    display: inline-block;
    background-image: url("/template/images/icons/thumbs/thumbs-sprite.png");
    background-position-x: 75px;
}
.rating_button.base {
    cursor: pointer;
}
.rating_button.inactive {
    background-position-x: 0px;
}
.rating_button.down {
    background-position-y: 25px;
}
.rating_button.base:hover {
    background-position-x: 25px;
}
.rating_button.selected {
    background-position-x: 50px;
}
#ci_rating_wrapper {
    font-family: Karla, Arial, Helvetica, sans-serif;
    line-height: 130%;
    font-size: 14px;
}
#ci_rating_buttons_wrapper {
    display: inline-block;
    color: #999;
    height: 25px;
    vertical-align: top;
}
#ci_rating_wrapper .rating_label {
    vertical-align: text-bottom;
    text-transform: none;
    margin: 0px;
}

/*
=====================================
Buttons
=====================================
*/
.headline_button {
    float: right;
    font-size: 14px;
    position: relative;
    top: 3px;
}
.removable_button {
    color: #222;
    text-transform: uppercase;
    display: inline-block;
    padding: 0;
}
.removable_button span {
    padding: 8px 10px 8px 15px;
}
.removable_button span.remove_link {
    border: 1px solid #666;
    padding: 5px 10px 5px 10px;
    border-radius: 0px 5px 5px 0px;
}
.removable_button span.button_text {
    border-left: 1px solid #666;
    border-top: 1px solid #666;
    border-bottom: 1px solid #666;
    padding: 5px 10px 5px 10px;
    border-radius: 5px 0px 0px 5px;
}
.removable_button .remove_link:hover {
    background: #444;
    border: 1px solid #444;
    color: #EEE;
    transition-duration: .25s;
    cursor: pointer;
}


/*
=====================================
Articles
=====================================
*/
.article_external {
    display: none;
}

#googledocs_iframewrapper.largescreen #gdocs_viewlargescreen{
    display: none;
}

#googledocs_iframewrapper.smallscreen #gdocs_viewlargescreen{
    display: inline;
}

#googledocs_iframewrapper.largescreen #gdocs_viewsmallscreen{
    display: inline;
}

#googledocs_iframewrapper.smallscreen #gdocs_viewsmallscreen{
    display: none;
}

#googledocs_iframewrapper.largescreen {
    display: block;
    padding-top: 30px;
}

.gdocs_viewsize {
    text-align: center;
}

/*
=====================================
Reference
=====================================
*/
.tag_links ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.ref_list {
    list-style-type: none;
    padding: 0;
    margin: 0.5em 0 1em 0;
    line-height: 130%;
    font-family: Karla, Arial, Helvetica, sans-serif;
}

.tag_links li {
    margin: 0.8em 0;
    padding: 0;
    overflow: hidden;
    width: 100%;
}
.ref_list li {
    margin: 0.3em 0;
    padding: 0;
    overflow: hidden;
    width: 100%;
}
.ref_list .accessed_date {
    color: #999;
}
.tag_links .domain {
    font-family: Karla,Arial,Helvetica,sans-serif;
    padding-left: 0;
    color: #666;
    display: block;
    line-height: 14px;
    font-size: 14px;
}

#reference_list li a, #recommendation_list li a {
    font-weight: normal !important;
}

.ref_list.tag_definition {
    font-size: 10px;
    line-height: 12px;
}
.ref_list.tag_definition li {
    margin: 0.75em 0 0 0;
    min-height: 2em;
}

.ref_list.tag_definition li .link_button {
    font-size: 10px !important;
}
#reference_add_response a {
    text-decoration: none !important;
}

#reference_add_response {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

#reference_add_response li {
    padding: 0;
    margin: 0;
}

#reference_add_response .link_button {
    display: none;
}
/*
=====================================
Timeline
=====================================
*/
.tl_add_title {
    margin-top: 0.5em;
}

#tl_add {
    font-family: Karla, Arial, Helvetica, sans-serif;
    max-width: 405px;
    display: inline-block;
}

#tl_duplicate_results {
    width: 280px;
    display: none;
    vertical-align: top;
    margin-left: 20px;
    overflow: scroll;
    height: 500px;
    overflow-x: hidden;
    overflow-y: scroll;
    transition-duration: 0.2s;
}

#tl_duplicate_results.shown {
    display: inline-block;
    transition-duration: 0.2s;
}

#tl_add #timeline_text {
    width: 90%;
}
#ahe_visual_timeline {
    position: relative;
    border: 1px solid #ddd;
    overflow: hidden;
    display: block;
    height: 300px;
    cursor: move;
    font-size: 14px;
    font-family: Karla, Arial, Helvetica, sans-serif;
    line-height: 130%;
}

#ahe_visual_timeline .vte {
    position: absolute;
    display: block;
}

#ahe_visual_timeline .vte2 {
    position: absolute;
    display: block;
}
/* States & Territories */
.tl_cat__1 {
    border-left: 4px solid #005274;
    border-bottom: 2px solid #005274;
}

.minivte.mini_tl_cat__1 {
    background-color: #005274;
}

/* War(fare) & Battles */
.tl_cat__4 {
    border-left: 4px solid #B52600;
    border-bottom: 2px solid #B52600;
}

.minivte.mini_tl_cat__4 {
    background-color: #B52600;
}

/* Cities & Buildings */
.tl_cat__5 {
    border-left: 4px solid #9B9B9B;
    border-bottom: 2px solid #9B9B9B;
}

.minivte.mini_tl_cat__5 {
    background-color: #9B9B9B;
}

/* Philosophy & Religion */
.tl_cat__7 {
    border-left: 4px solid #B5AC1F;
    border-bottom: 2px solid #B5AC1F;
}

.minivte.mini_tl_cat__7 {
    background-color: #B5AC1F;
}

/* Arts & Culture */
.tl_cat__9 {
    border-left: 4px solid #007D3B;
    border-bottom: 2px solid #007D3B;
}

.minivte.mini_tl_cat__9 {
    background-color: #007D3B;
}

/* Civilization & Science */
.tl_cat__10 {
    border-left: 4px solid #0098D8;
    border-bottom: 2px solid #0098D8;
}

.minivte.mini_tl_cat__10 {
    background-color: #0098D8;
}

/* Migration & Trade */
.tl_cat__11 {
    border-left: 4px solid #B57300;
    border-bottom: 2px solid #B57300;
}

.minivte.mini_tl_cat__11 {
    background-color: #B57300;
}

/* Nature & Climate */
.tl_cat__12 {
    border-left: 4px solid #50CF50;
    border-bottom: 2px solid #50CF50;
}

.minivte.mini_tl_cat__12 {
    background-color: #50CF50;
}

/* Rulers & Politics */
.tl_cat__13 {
    border-left: 4px solid #D80089;
    border-bottom: 2px solid #D80089;
}

.minivte.mini_tl_cat__13 {
    background-color: #D80089;
}

#ahe_visual_timeline .vte_title {
    position: absolute;
    display: block;
    white-space: nowrap;
    color: #777066;
    padding-left: 0.9em;
}

.vte_title b {
    font-weight: bolder;
}

#vt_ruler {
    background-color: #DDD;
    color: #222;
    display: block;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    padding: 2px;
}

#vt_ruler .vt_ruler_year {
    position: absolute;
    display: block;
    white-space: nowrap;
    font-weight: bold;
}

#ahe_visual_timeline_minimap {
    width: 100%;
    height: 75px;
    background-color: #DDD;
    position: relative;
    cursor: pointer;
    border-bottom: 20px solid #DDD;
}

.minivte {
    display: block;
    position: absolute;
    width: 2px;
    height: 2px;
    overflow: hidden;
}

#vt_minimap_marker {
    display: block;
    border: 1px solid #B52600;
    background-color: rgba(255, 255, 255, 0.5);
    filter:alpha(opacity=50);
    opacity: 0.5;
    -moz-opacity:0.5;
    z-index: 100;
    position: absolute;
}

.vt_mini_date {
    font-size: 8px;
    position: absolute;
    display: block;
    bottom: -20px;
    color: #999;
}

/*
=====================================
Books
=====================================
*/

#books_preview ul {
    max-height: 210px;
}
#books_preview ul#recommendation_list {
    max-height: inherit;
}
#books_preview ul, #books_list ul {
    list-style-type: none;
    margin: 0px;
    padding: 0;
    overflow: hidden;
    display: block;
    width: 100%;
}
#books_preview ul li {
    float: left;
    margin: 2px 0;
    border: none !important;
}
li.booklistentry {
    padding: 1em 0;
}
.booklistentry table {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
#books_preview .bookimage {
    display: block;
    position: relative;
}
#books_preview td {
    border: none !important;
}
.booklistentry table img {
    padding: 0 !important;
    margin-right: 7px !important;
}
#books_preview .book_mediumimage {
    max-width: 115px;
}
#books_preview .bookinfo {
    display: none;
    visibility: hidden;
}
#books_preview #book_detail_container {
    font-family: Karla, Arial, Helvetica, sans-serif;
    line-height: 130%;
    color: #999;
}
#books_preview #book_detail_container .book_price {
    color: #000;
}
#books_preview .bookdepository {
    margin-left: 0.7em;
}
#books_preview .book_pricing {
    margin-top: 5px;
}

/*
=====================================
Layout
=====================================
*/

.video_link {
    position: relative;
    display: block;
    width: 480px;
    height: 360px;
    margin: 1em auto 3em auto;
}
.video_link .youtube_button {
    display: block;
    position: absolute;
    width: 90px;
    height: 63px;
    top: 50%;
    left: 50%;
    margin-top: -31px;
    margin-left: -45px;
    opacity: 0.75;
    z-index: 2;
    background-image: url('/template/images/youtube-button.png');
    background-position: 0px 0px;
}
.video_link:hover .youtube_button {
    background-position: 0px 63px;
}

.video_link img {
    max-width: 80%;
}
.sortable thead th {
    cursor: pointer;
}

.footnote_content {
    display: none;
}

.footnote {
    color: #B52600;
    cursor: pointer;
    font-weight: bold;
    vertical-align: super;
    text-transform: uppercase;
    font-size: 10px;
    z-index: 0;
}

.footnote:hover .footnote_content {
    display: inline;
}

.footnote .footnote_content {
    color: #444444;
    font-weight: normal;
    font-size: 10px;
    line-height: 13px;
    text-transform: none;
    position: absolute;
    background-color: #FFF;
    border: 1px solid #DDD;
    padding: 3px;
    width: 400px;
    z-index: 100;
}

.centered_highlight_box {
    border-top: 3px solid #b52600;
    border-bottom: 3px solid #b52600;
    margin: 40px 0px;
    text-align: center;
    background-color: #fcfcfc;
    box-shadow: 0px 7px 10px -10px #666;
}
.sponsors_logos_wrapper {
    padding-top: 0.5em;
    min-height: 90px;
}

.sponsors_logos_wrapper, .sponsors_logos_wrapper * {
    vertical-align: middle;
}

#sponsors_box, #partners_list {
    text-align: center;
    margin-top: 40px;
}

#sponsors_box b, #partners_list b {
    font-size: 18px;
    text-transform: uppercase;
}
.testimonials i {
    color: grey;
    line-height: 20px;
}

.testimonials b {
    font-family: Georgia, serif;
    font-size: 14px;
    line-height: 21px;
}

.testimonials p {
    margin-bottom: 2em;
}

.source_icon {
    float: left;
    padding-right: 15px;
    margin-top: 5px;
}
.shop_promo img {
    box-shadow: 0px 7px 10px -10px #666;
}
.shop_promo a img:hover {
    opacity: 0.8;
    transition-duration: 0.5s;
}
.shop_promo .banner-caption {
    margin-top: 5px;
}
.bks_grant_acknowledgement {
    background-image: url('/images/partners/bks_logo_small.jpg');
    background-repeat: no-repeat;
    padding-top: 60px;
    padding-bottom: 13px;
    margin-top: 2em;
    font-family: Karla, Arial, Helvetica, sans-serif;
    line-height: 130%;
}

.sasakawa_grant_acknowledgement {
    background-image: url(/images/sponsors/sasakawa-logo.gif);
    background-repeat: no-repeat;
    padding: 130px 0 0 0;
    margin-top: 2em;
    font-family: Karla, Arial, Helvetica, sans-serif;
    line-height: 130%;
}

.naasr_grant_acknowledgement {
    background-image: url('/images/sponsors/naasr-vartan-combo.gif?v=2');
    background-repeat: no-repeat;
    padding-top: 85px;
    padding-bottom: 13px;
    margin-top: 2em;
}
.cat_dropdown_wrapper .headline_button {
    margin-left: 0.5em;
    margin-right: 2.5em;
    display: inline-block;
    float: none;
    vertical-align: top;
}

.cat_dropdown_wrapper select {
    margin-bottom: 0.3em;
}
#sovrn_beacon {
    position: absolute;
    top: -10000px;
}
body > img {
    position: absolute;
    left: -10000px;
}
#sections_below_links {
    margin-bottom: 1.5em;
}
.google-maps {
    position: relative;
    padding-bottom: 66%;
    height: 0;
    overflow: hidden;
}
.google-maps iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}

/*
=====================================
Books
=====================================
*/

a.book_list_item:hover {
    text-decoration: none;
}
a.book_list_item:hover .book_title {
    text-decoration: none;
    color: #b52600;
    transition: 0.25s;
}
a.book_list_item {
    display: block;
    clear: both;
    min-height: 115px;
    border-bottom: 1px solid #e3e3e3;
    padding: 20px 0px;
}
a.book_list_item:first-of-type {
    border-top: 1px solid #e3e3e3;
}
.book_list_item .book_image {
    float: left;
    max-width: 70px;
    height: auto;
    box-shadow: 0 7px 10px -9px #222;
}
.book_data {
    vertical-align: top;
    margin-left: 120px;
}
.book_list_item .book_title {
    font-size: 18px;
    color: #000;
}
.book_list_item .book_details {
    font-size: 16px;
    font-family: Karla;
    line-height: 130%;
    font-weight: normal;
    color: #666;
}
.book_list_item .book_pricing {
    margin: 0.33em 0;
}
.book_pricing .amazon_icon, .book_pricing .bookdepository_icon {
    background-image: url("/images/amazon_icon.svg");
    width: 16px;
    height: 16px;
    display: inline-block;
    background-position: 0 0;
    position: relative;
    top: 4px;
    margin-right: 2px;
    background-size: contain;
}
.book_pricing .bookdepository_icon {
    background-position: 10px 0px;
    width: 10px;
    margin-right: 4px;
    top: 3px;
}
.book_list_item .book_price {
    color: #000;
    margin-right: 1em;
}
a.book_purchase_button {
    color: #000;
    display: inline-block;
    border: 1px solid #222;
    border-radius: 5px;
    padding: 50px 15px 10px 15px;
    font-family: Karla;
    line-height: 130%;
    margin-right: 20px;
    margin-bottom: 10px;
    font-weight: normal;
    min-width: 160px;
    background-repeat: no-repeat;
    background-position: center 10px;
    text-align: center;
}
a.book_purchase_button:hover {
    text-decoration: none;
    cursor: pointer;
    border: 1px solid #000;
    background-color: #f3f3f3;
    transition: 0.25s;
}
a.book_purchase_button.amazon {
    background-image: url('/images/amazon-logo.svg');
    background-size: 100px;
    background-position: center 15px;
}
a.book_purchase_button.bookshoporg {
    background-image: url('/images/bookshoporg-logo.svg');
    background-size: 160px;
    background-position: center center;
}
a.book_purchase_button.bookdepository {
    background-image: url('/images/book-depository-logo.svg');
    background-size: 100px;
    background-position: center 7px;
}
a.book_purchase_button.waterstones {
    background-image: url('/images/waterstones-logo.svg');
    background-size: 60px;
    background-position: center 11px;
}
a.book_purchase_button.betterworldbooks {
    background-image: url('/images/betterworldbooks-logo-150px.png');
    background-size: 150px;
    background-position: center 10px;
}
a.book_purchase_button .shipping {
    font-size: 14px;
    color: #999;
}
.book_purchase_buttons {
    margin: 25px 0;
    background-color: #f3f3f3;
    padding: 15px 20px;
    border-radius: 5px;
    display: block;
}
aside .book_purchase_buttons_wrapper {
    margin-bottom: 40px;
}
.book_purchase_buttons .purchase {
    text-transform: uppercase;
    font-family: Karla, Arial, Helvetica, sans-serif;
    font-weight: bold;
    margin-right: 20px;
}
.book_purchase_buttons .sym {
    color: #b52600;
    font-size: 20px;
    position: relative;
    top: 2px;
    margin-right: 5px;
}
.book_purchase_buttons .lp_download_wrapper {
    padding-left: 28px;
    margin-top: 5px;
}
.book_purchase_affiliate_explainer {
    color: #999;
    font-family: Karla;
    font-size: 14px;
    line-height: 130%;
    margin-top: 1em;
}
.btn_book_blacklist {
    float: right;
}

/*
=====================================
Images
=====================================
*/

a img {
    border: 0;
}

.body img, body.mceContentBody img, .image-wrapper .image img, .tag_definition_image, .tm-grid-item img, .avatar_image, .shadow_image, .in_text_image {
    margin: 1em auto;
    display: block;
    box-shadow: 0px 7px 10px -9px #222;
}

.image_page .copyright {
    font-size: 75%;
}

.image_page .description {
    margin-top: 2em;
}

.image-wrapper .description {
    margin-top: 1em;

}

.image-wrapper figure {
    margin: 0px;
    padding: 0px;
    width: 100%;
}

figure .image {
    text-align: center;
}

figure.image_intext_wrapper {
    margin: 1em 0px;
}

figure.image_intext_wrapper figcaption,
figure.definition_image figcaption {
    font-family: Karla, Arial, Helvetica, sans-serif;
    line-height: 130%;
    text-align: center;
    margin-top: -7px;
}
figure.image_intext_wrapper figcaption .figtitle,
figure.definition_image figcaption .figtitle {
    color: #222;
    font-weight: normal;
}
figure.image_intext_wrapper a:hover,
figure.definition_image a:hover {
    text-decoration: none;
}
figure.image_intext_wrapper a:hover figcaption .figtitle,
figure.definition_image a:hover figcaption .figtitle {
    color: #b52600;
    transition: 0.5s;
}
figure.image_intext_wrapper figcaption .figauthor,
figure.definition_image figcaption .figauthor {
    font-size: 14px;
    font-weight: normal;
    color: #999;
    display: block;
}
img.tag_definition_image {
    max-width: 300px;
    height: auto;
    box-shadow: 0px 7px 10px -9px #222;
}

figure.definition_image {
    float: right;
    margin: 0px 0px 10px 10px;
    display: table;
    max-width: 300px;
}
.image_large {
    max-width: 100%;
    height: auto;
}
.round_image {
    box-shadow: 0 7px 10px -9px #222;
    border-radius: 50%;
    padding: 3px;
    border: 1px solid #e7e7e7;
}

/*
=====================================
Timeline
=====================================
*/

#content aside > .timeline_outer_wrapper:first-child {
    margin-top: 0px;
}

#tag_index_wrapper {
    padding-top: 0.2em;
}

#time_list {
    list-style-type: none;
    margin: 0px 0px -20px 0px !important;
    padding: 0;
    width: 100%;
    padding-right: 20px;
    font-family: Karla, Arial, Helvetica, sans-serif;
    line-height: 140%;
}

.timeline_entry {
    margin: 1.9em 0;
}
.timeline_entry:last-child {
    border-bottom: none;
}
.timeline_entry .date {
    font-family: Karla, Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 20px;
    margin: 1em 0 0.2em 0;
}

#content .timeline_wrapper h2 {
    margin-top: 0px;
    margin-bottom: 0px;
}

#timeline_search_form select {
    padding: 3px;
    border: 1px solid #dadada;
}

table.timeline_search_form_wrapper td {
    vertical-align: top;
    padding-right: 4em;
    width: 300px;
    padding-left: 1px;
}

table.timeline_search_form_wrapper td table {
    margin: 0;
    padding: 0;
    border-spacing: 0;
}

table.timeline_search_form_wrapper td table td {
    width: auto;
    padding: 0;
    margin: 0;
    border-spacing: 0;
}

.tt_category_wrapper {
    white-space:nowrap;
    font-size: 14px;
    display: block;
    width: 150px;
    margin-bottom: 2px;
}

.tt_legend_wrapper {
    white-space:nowrap;
    font-size: 14px;
    padding-right: 4px;
    margin-right: 4px;
}

.tt_legend_wrapper input {
    display: none;
}

.tt_legend_wrapper label {
    padding-left: 2px;
}

.visual_timeline_button {
    margin: 0px auto !important;
}

#form_timeline_search #txt_book_search_submit {
    position: relative;
    top: -5px;
}

.timeline_search_section {
    width: 300px;
    float: left;
}

.timeline_page .right_1_column #timeline_search_form {
    min-height: 1000px;
}
.timeline_types_wrapper {
    font-family: Karla, Arial, Helvetica, sans-serif;
}

/*
=====================================
Tags
=====================================
*/

#tag_index_wrapper {
    margin-top: -0em;
}

#tag_edit_form p {
    margin: 0.0em 0;
}

#tag_update_response {
    position: relative;
    top: 2em;
}

.related_pages ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#tag_definition_image_selector_wrapper {
    width: 430px;
    border: 1px solid #DDD;
    padding: 2px;
}

#tag_definition_image_selector_wrapper img {
    padding: 2px;
    cursor: pointer;
}

#tag_definition_image_selector_wrapper .selected_tag_image {
    border: 2px solid #B52600 !important;
    padding: 0px;
}

#image_selector_ajax_loader {
    margin: 34px;
}

.tag_definition_image {
    margin-left: 0.5em;
}

#tag_to_add {
    position: relative;
    top: 1px;
    width: 170px;
    margin-right: 5px;
    margin-top: 10px;
    margin-bottom: 10px;
}

#tag_to_add:focus {
    color: #222;
}

.ci_tag_item, .item_box {
    padding: 5px 10px;
    border-collapse: collapse;
    background-color: #f3f3f3;
    border-radius: 5px;
    margin: 5px;
    display: inline-block;
    font-family: Karla, Arial, Helvetica, sans-serif;
    font-weight: normal;
    line-height: 16px;
    position: relative;
    padding-right: 30px;
}
.ci_tag_item a, .item_box a {
    font-weight: normal;
}
.ci_tag_item .remove_tag_link, .item_box .remove {
    margin-left: 5px;
    background-color: #e0e0e0;
    position: absolute;
    top: 0px;
    right: 0px;
    line-height: 26px;
    padding: 0px 7px;
    border-radius: 5px;
}
.ci_tag_item .remove_tag_link:hover, .item_box .remove:hover {
    color: #fff;
    background-color: #b52600;
    transition: 0.5s;
    text-decoration: none;
}

/*
=====================================
Reference
=====================================
*/


.aws_book_item_short a {
    display: block;
    text-decoration: none;
    border-bottom: 1px solid silver;
    font-size: 0.8em;
    color: #000 !important;
    padding: 2px;
}

.aws_book_item_short .title {
    font-weight: bold;
}

.aws_book_item_short a:hover {
    text-decoration: none !important;
    background-color: #B52600;
    color: #FFF !important;
}

#title_search_response {
    display: block;
    float: right;
    width: 350px;
}

#references {
    margin-top: 0em;
    font-size: 14px;
    line-height: 130%;
}
body.contribute #references {
    border-top: none;
}

.ref_list.tag_definition {
    margin: 1.5em 0;
}

/*
=====================================
Xres
=====================================
*/

#lead_image_preview {
    max-width: 300px;
    max-height: 300px;
    width: auto;
    height: auto;
}


.xres_headline {
    font-weight: bold;
}
.xres_domain {
    color: #999;
    font-size: 14px;
    line-height: 18px;
}
.xres_preview {
    color: #444;
    font-size: 14px;
    line-height: 18px;
    margin-top: 3px;
}

/* Card View */
.card .xres picture, .card .xres img {
    width: 100%;
    height: auto;
}

.card .xres {
    position: relative;
    max-width: 100%;
    break-inside: avoid;
    margin-bottom: 0px;
    overflow: hidden;
    border-bottom: 1px solid #dadada;
    padding-bottom: 10px;
    padding-top: 10px;
}

.card .xres a {
    font-family: Karla, Arial, Helvetica, sans-serif;
    line-height: 140%;
    font-weight: normal;
    text-decoration: none;
    display: inline-block;
}
.card .xres .outline_button {
    position: absolute;
    right: 10px;
    top: 20px;
    z-index: 2;
    background: white;
}
.card .xres .xres_text {
    padding: 10px 0px;
}
.card .xres .xres_domain {
    display: inline;
}
.card .xres:hover {
    background-color: #f3f3f3;
}
.card .xres picture {
    display: block;
    margin-bottom: -6px;
}
.card .xres .editor_view_link.grey_button {
    display: none;
}
.xres_categories .simple_button {
    clear: both;
}
.xres_wrapper.card {
    margin-top: -20px;
}

.xres_card_default_container .xres {
    border: 1px solid #dadada;
    padding: 10px 15px;
}

/* List View */
.list .xres {
    margin: 0em;
    position: relative;
    font-family: Karla, Arial, Helvetica, sans-serif;
    line-height: 140%;
}
.list .xres:first-of-type {
    margin-top: 1em;
}
.list .xres .editor_view_link {
    position: absolute;
    top: 11px;
    right: 0px;
    z-index: 2;
    font-weight: normal;
}
.list .xres .editor_view_link.outline_button {
    font-family: Karla,Arial,Helvetica,sans-serif;
    line-height: 140%;
    font-weight: normal;
    text-decoration: none;
    display: inline-block;
}
.list .xres .editor_view_link.outline_button:not(:hover) {
    background-color: white;
}
.list .xres .xres_domain.external_link {
    display: inline;
    font-family: Karla, Arial, Helvetica, sans-serif;
    font-weight: normal;
    position: relative;
    top: -5px;
}
.list .xres .grey_button, .xres.listitem .grey_button {
    float: right;
}
.list .xres picture, .list .xres img {
    display: none;
}
.list .xres .xres_preview {
    display: none;
}
.list .xres .editor_view_link.outline_button {
    display: none;
}
.list .xres.listitem {
    margin: 0.3em 0;
}
.xres .xres_domain {
    font-family: Karla, Arial, Helvetica, sans-serif;
}
#moderate_ajax_container .xres.listitem .xres_domain {
    display: inline-block;
    position: relative;
    top: -8px;
}
.xres.listitem .xres_headline, .xres.listitem a {
    font-weight: normal;
}
.xres.listitem {
    margin: 0.2em 0;
}

/* Categorisation */
.xres_categories_dropdown_wrapper .selected_categories_wrapper_outside {
    border: 1px solid #999;
    padding: 10px;
    border-radius: 5px;
    display: block;
    max-width: 600px;
}

.xres_categories_dropdown_wrapper .selected_categories_header {
    margin-bottom: 5px;
    display: block;
}