@charset "UTF-8";
.badge_icon {
    display: block;
    width: 93px;
    height: 93px;
    background-repeat: no-repeat;
    background-image: url("//cor-cdn-static.bibliocommons.com/assets/badge-icons_no-circle-136e739aa6be6d1c5e3e2376398c8fd5.png")
}

.new_badge_icon {
    position: relative;
    display: inline-block;
    width: 93px;
    height: 93px;
    background-repeat: no-repeat;
    background-image: url("//cor-cdn-static.bibliocommons.com/assets/badge_circles-sprite-big-c7af092cccfc77458fca53f98d7479e9.png")
}

.small_badge_icon {
    position: relative;
    display: inline-block;
    width: 59px;
    height: 59px;
    background-repeat: no-repeat;
    background-image: url("//cor-cdn-static.bibliocommons.com/assets/badge_circles-sprite-9e772be9bf940ef8124c66af53e1892b.png")
}

.small_badge_icon.joined {
    background-position: 0px 0px
}

.small_badge_icon.similar_title {
    background-position: 0px -472px
}

.small_badge_icon.comment {
    background-position: 0px -531px
}

.small_badge_icon.star_rating {
    background-position: 0px -59px
}

.small_badge_icon.tag {
    background-position: 0px -177px
}

.small_badge_icon.list {
    background-position: 0px -236px
}

.small_badge_icon.quotation {
    background-position: 0px -295px
}

.small_badge_icon.summary {
    background-position: 0px -413px
}

.small_badge_icon.following {
    background-position: 0px -118px
}

.small_badge_icon.program_shelf {
    background-position: 0px -354px
}

.small_badge_icon.liked_content {
    background-position: 0px -472px
}

.small_badge_icon.quiz_maker {
    background-position: 0 -590px
}

.small_badge_icon.quiz_taker {
    background-position: 0 -649px
}

.small_badge_icon.ebook_to_program_shelf {
    background-position: 0 -769px
}

.small_badge_icon.reading_time_goal {
    background-position: 0 -830px
}

.small_badge_icon.custom {
    background-image: none
}

.new_badge_icon.star_rating, .badge_icon.star_rating {
    background-position: 0px -93px
}

.new_badge_icon.comment, .badge_icon.comment {
    background-position: 0px -837px
}

.new_badge_icon.tag, .badge_icon.tag {
    background-position: 0px -279px
}

.new_badge_icon.list, .badge_icon.list {
    background-position: 0px -372px
}

.new_badge_icon.similar_title, .badge_icon.similar_title {
    background-position: 0px -744px
}

.new_badge_icon.quotation, .badge_icon.quotation {
    background-position: 0px -465px
}

.new_badge_icon.custom, .badge_icon.custom {
    background-image: none
}

.new_badge_icon.summary, .badge_icon.summary {
    background-position: 0px -651px
}

.new_badge_icon.joined, .badge_icon.joined {
    background-position: 0px 0px
}

.new_badge_icon.following, .badge_icon.following {
    background-position: 0px -186px
}

.badge_icon.program_shelf, .new_badge_icon.program_shelf {
    background-position: 0px -558px
}

.badge_icon.liked_content {
    background-position: 0px -744px
}

.new_badge_icon.quiz_maker, .badge_icon.quiz_maker {
    background-position: 0px -930px
}

.new_badge_icon.quiz_taker, .badge_icon.quiz_taker {
    background-position: 0px -1023px
}

.new_badge_icon.ebook_to_program_shelf, .badge_icon.ebook_to_program_shelf {
    background-position: 0px -1212px
}

.new_badge_icon.reading_time_goal, .badge_icon.reading_time_goal {
    background-position: 0px -1306px
}

@media (max-width: 991px) {
    .sr-only-sm {
        position: absolute;
        width: 1px;
        height: 1px;
        margin: -1px;
        padding: 0;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        border: 0
    }
}

@media (max-width: 767px) {
    .sr-only-xs {
        position: absolute;
        width: 1px;
        height: 1px;
        margin: -1px;
        padding: 0;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        border: 0
    }
}

.ui-helper-hidden {
    display: none
}

.ui-helper-hidden-accessible {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px)
}

.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none
}

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

.ui-helper-clearfix:after {
    clear: both
}

.ui-helper-clearfix {
    zoom: 1
}

.ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    filter: Alpha(Opacity=0)
}

.ui-state-disabled {
    cursor: default !important
}

.ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat
}

.ui-widget-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.ui-widget {
    font-family: Verdana, Arial, sans-serif;
    font-size: 1.1em
}

.ui-widget .ui-widget {
    font-size: 1em
}

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
    font-family: Verdana, Arial, sans-serif;
    font-size: 1em
}

.ui-widget-content {
    border: 1px solid #aaaaaa;
    background: #fff url(//cor-cdn-static.bibliocommons.com/assets/jui_images/ui-bg_flat_75_ffffff_40x100-128cec5e23c40b7f5b4c6d1a25971fba.png) 50% 50% repeat-x;
    color: #222222
}

.ui-widget-content a {
    color: #222222
}

.ui-widget-header {
    border: 1px solid #aaaaaa;
    background: #ccc url(//cor-cdn-static.bibliocommons.com/assets/jui_images/ui-bg_highlight-soft_75_cccccc_1x100-2aa2e197ff499f0efd034f46b07823a3.png) 50% 50% repeat-x;
    color: #222222;
    font-weight: bold
}

.ui-widget-header a {
    color: #222222
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    border: 1px solid #d3d3d3;
    background: #e6e6e6 url(//cor-cdn-static.bibliocommons.com/assets/jui_images/ui-bg_glass_75_e6e6e6_1x400-e09e32005035ed86f18eb0592109d38b.png) 50% 50% repeat-x;
    font-weight: normal;
    color: #555555
}

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
    color: #555555;
    text-decoration: none
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover,
.ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
    border: 1px solid #999999;
    background: #dadada url(//cor-cdn-static.bibliocommons.com/assets/jui_images/ui-bg_glass_75_dadada_1x400-0cb9c1c32d70ce12669bbc6e9f1ae239.png) 50% 50% repeat-x;
    font-weight: normal;
    color: #212121
}

.ui-state-hover a, .ui-state-hover a:hover {
    color: #212121;
    text-decoration: none
}

.bc-active, .ui-state-active, .ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
    border: 1px solid #aaaaaa;
    background: #fff url(//cor-cdn-static.bibliocommons.com/assets/jui_images/ui-bg_glass_65_ffffff_1x400-1209d41a667accfbec194d4e38b7777e.png) 50% 50% repeat-x;
    font-weight: normal;
    color: #212121
}

.bc-active, .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
    color: #212121;
    text-decoration: none
}

.ui-widget :active {
    outline: none
}

.ui-accordion .ui-state-active .ui-icon, .ui-accordion .ui-state-hover .ui-icon,
.ui-accordion .ui-state-focus .ui-icon, .ui-accordion .ui-icon {
    float: left;
    margin-right: 5px
}

.ui-accordion h3 {
    line-height: 18px;
    cursor: pointer
}

.ui-accordion .ui-widget-content {
    border: none;
    border-right: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
    background: none;
    color: #36322D
}

.ui-accordion-content {
    padding-bottom: 10px;
    padding-right: 10px
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    border: 1px solid #fcefa1;
    background: #fbf9ee url(//cor-cdn-static.bibliocommons.com/assets/jui_images/ui-bg_glass_55_fbf9ee_1x400-ac45bc4148a18c764aca814595c25f0b.png) 50% 50% repeat-x;
    color: #363636
}

.ui-state-highlight a, .ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
    color: #363636
}

.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {
    border: 1px solid #cd0a0a;
    background: #fef1ec url(//cor-cdn-static.bibliocommons.com/assets/jui_images/ui-bg_glass_95_fef1ec_1x400-f25be5bc19dd91ddcd6e1e78cc365f30.png) 50% 50% repeat-x;
    color: #cd0a0a
}

.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a {
    color: #cd0a0a
}

.ui-state-error-text, .ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
    color: #cd0a0a
}

.ui-priority-primary, .ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
    font-weight: bold
}

.ui-priority-secondary, .ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
    opacity: .7;
    filter: Alpha(Opacity=70);
    font-weight: normal
}

.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
    opacity: .35;
    filter: Alpha(Opacity=35);
    background-image: none
}

.ui-icon {
    width: 16px;
    height: 16px;
    background-image: url(//cor-cdn-static.bibliocommons.com/assets/jui_images/ui-icons_222222_256x240.png?july182012)
}

.ui-widget-content .ui-icon {
    background-image: url(//cor-cdn-static.bibliocommons.com/assets/jui_images/ui-icons_222222_256x240.png?july182012)
}

.ui-widget-header .ui-icon {
    background-image: url(//cor-cdn-static.bibliocommons.com/assets/jui_images/ui-icons_222222_256x240.png?july182012)
}

.ui-state-default .ui-icon {
    background-image: url(//cor-cdn-static.bibliocommons.com/assets/jui_images/ui-icons_888888_256x240.png?july182012)
}

.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {
    background-image: url(//cor-cdn-static.bibliocommons.com/assets/jui_images/ui-icons_454545_256x240.png?july182012)
}

.ui-state-active .ui-icon {
    background-image: url(//cor-cdn-static.bibliocommons.com/assets/jui_images/ui-icons_454545_256x240.png?july182012)
}

.ui-state-highlight .ui-icon {
    background-image: url(//cor-cdn-static.bibliocommons.com/assets/jui_images/ui-icons_2e83ff_256x240.png?july182012)
}

.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {
    background-image: url(//cor-cdn-static.bibliocommons.com/assets/jui_images/ui-icons_cd0a0a_256x240.png?july182012)
}

.ui-icon-carat-1-n {
    background-position: 0 0
}

.ui-icon-carat-1-ne {
    background-position: -16px 0
}

.ui-icon-carat-1-e {
    background-position: -32px 0
}

.ui-icon-carat-1-se {
    background-position: -48px 0
}

.ui-icon-carat-1-s {
    background-position: -64px 0
}

.ui-icon-carat-1-sw {
    background-position: -80px 0
}

.ui-icon-carat-1-w {
    background-position: -96px 0
}

.ui-icon-carat-1-nw {
    background-position: -112px 0
}

.ui-icon-carat-2-n-s {
    background-position: -128px 0
}

.ui-icon-carat-2-e-w {
    background-position: -144px 0
}

.ui-icon-triangle-1-n {
    background-position: 0 -16px
}

.ui-icon-triangle-1-ne {
    background-position: -16px -16px
}

.ui-icon-triangle-1-e {
    background-position: -32px -16px
}

.ui-icon-triangle-1-se {
    background-position: -48px -16px
}

.ui-icon-triangle-1-s {
    background-position: -64px -16px
}

.ui-icon-triangle-1-sw {
    background-position: -80px -16px
}

.ui-icon-triangle-1-w {
    background-position: -96px -16px
}

.ui-icon-triangle-1-nw {
    background-position: -112px -16px
}

.ui-icon-triangle-2-n-s {
    background-position: -128px -16px
}

.ui-icon-triangle-2-e-w {
    background-position: -144px -16px
}

.ui-icon-arrow-1-n {
    background-position: 0 -32px
}

.ui-icon-arrow-1-ne {
    background-position: -16px -32px
}

.ui-icon-arrow-1-e {
    background-position: -32px -32px
}

.ui-icon-arrow-1-se {
    background-position: -48px -32px
}

.ui-icon-arrow-1-s {
    background-position: -64px -32px
}

.ui-icon-arrow-1-sw {
    background-position: -80px -32px
}

.ui-icon-arrow-1-w {
    background-position: -96px -32px
}

.ui-icon-arrow-1-nw {
    background-position: -112px -32px
}

.ui-icon-arrow-2-n-s {
    background-position: -128px -32px
}

.ui-icon-arrow-2-ne-sw {
    background-position: -144px -32px
}

.ui-icon-arrow-2-e-w {
    background-position: -160px -32px
}

.ui-icon-arrow-2-se-nw {
    background-position: -176px -32px
}

.ui-icon-arrowstop-1-n {
    background-position: -192px -32px
}

.ui-icon-arrowstop-1-e {
    background-position: -208px -32px
}

.ui-icon-arrowstop-1-s {
    background-position: -224px -32px
}

.ui-icon-arrowstop-1-w {
    background-position: -240px -32px
}

.ui-icon-arrowthick-1-n {
    background-position: 0 -48px
}

.ui-icon-arrowthick-1-ne {
    background-position: -16px -48px
}

.ui-icon-arrowthick-1-e {
    background-position: -32px -48px
}

.ui-icon-arrowthick-1-se {
    background-position: -48px -48px
}

.ui-icon-arrowthick-1-s {
    background-position: -64px -48px
}

.ui-icon-arrowthick-1-sw {
    background-position: -80px -48px
}

.ui-icon-arrowthick-1-w {
    background-position: -96px -48px
}

.ui-icon-arrowthick-1-nw {
    background-position: -112px -48px
}

.ui-icon-arrowthick-2-n-s {
    background-position: -128px -48px
}

.ui-icon-arrowthick-2-ne-sw {
    background-position: -144px -48px
}

.ui-icon-arrowthick-2-e-w {
    background-position: -160px -48px
}

.ui-icon-arrowthick-2-se-nw {
    background-position: -176px -48px
}

.ui-icon-arrowthickstop-1-n {
    background-position: -192px -48px
}

.ui-icon-arrowthickstop-1-e {
    background-position: -208px -48px
}

.ui-icon-arrowthickstop-1-s {
    background-position: -224px -48px
}

.ui-icon-arrowthickstop-1-w {
    background-position: -240px -48px
}

.ui-icon-arrowreturnthick-1-w {
    background-position: 0 -64px
}

.ui-icon-arrowreturnthick-1-n {
    background-position: -16px -64px
}

.ui-icon-arrowreturnthick-1-e {
    background-position: -32px -64px
}

.ui-icon-arrowreturnthick-1-s {
    background-position: -48px -64px
}

.ui-icon-arrowreturn-1-w {
    background-position: -64px -64px
}

.ui-icon-arrowreturn-1-n {
    background-position: -80px -64px
}

.ui-icon-arrowreturn-1-e {
    background-position: -96px -64px
}

.ui-icon-arrowreturn-1-s {
    background-position: -112px -64px
}

.ui-icon-arrowrefresh-1-w {
    background-position: -128px -64px
}

.ui-icon-arrowrefresh-1-n {
    background-position: -144px -64px
}

.ui-icon-arrowrefresh-1-e {
    background-position: -160px -64px
}

.ui-icon-arrowrefresh-1-s {
    background-position: -176px -64px
}

.ui-icon-arrow-4 {
    background-position: 0 -80px
}

.ui-icon-arrow-4-diag {
    background-position: -16px -80px
}

.ui-icon-extlink {
    background-position: -32px -80px
}

.ui-icon-newwin {
    background-position: -48px -80px
}

.ui-icon-refresh {
    background-position: -64px -80px
}

.ui-icon-shuffle {
    background-position: -80px -80px
}

.ui-icon-transfer-e-w {
    background-position: -96px -80px
}

.ui-icon-transferthick-e-w {
    background-position: -112px -80px
}

.ui-icon-folder-collapsed {
    background-position: 0 -96px
}

.ui-icon-folder-open {
    background-position: -16px -96px
}

.ui-icon-document {
    background-position: -32px -96px
}

.ui-icon-document-b {
    background-position: -48px -96px
}

.ui-icon-note {
    background-position: -64px -96px
}

.ui-icon-mail-closed {
    background-position: -80px -96px
}

.ui-icon-mail-open {
    background-position: -96px -96px
}

.ui-icon-suitcase {
    background-position: -112px -96px
}

.ui-icon-comment {
    background-position: -128px -96px
}

.ui-icon-person {
    background-position: -144px -96px
}

.ui-icon-print {
    background-position: -160px -96px
}

.ui-icon-trash {
    background-position: -176px -96px
}

.ui-icon-locked {
    background-position: -192px -96px
}

.ui-icon-unlocked {
    background-position: -208px -96px
}

.ui-icon-bookmark {
    background-position: -224px -96px
}

.ui-icon-tag {
    background-position: -240px -96px
}

.ui-icon-home {
    background-position: 0 -112px
}

.ui-icon-flag {
    background-position: -16px -112px
}

.ui-icon-calendar {
    background-position: -32px -112px
}

.ui-icon-cart {
    background-position: -48px -112px
}

.ui-icon-pencil {
    background-position: -64px -112px
}

.ui-icon-clock {
    background-position: -80px -112px
}

.ui-icon-disk {
    background-position: -96px -112px
}

.ui-icon-calculator {
    background-position: -112px -112px
}

.ui-icon-zoomin {
    background-position: -128px -112px
}

.ui-icon-zoomout {
    background-position: -144px -112px
}

.ui-icon-search {
    background-position: -160px -112px
}

.ui-icon-wrench {
    background-position: -176px -112px
}

.ui-icon-gear {
    background-position: -192px -112px
}

.ui-icon-heart {
    background-position: -208px -112px
}

.ui-icon-star {
    background-position: -224px -112px
}

.ui-icon-link {
    background-position: -240px -112px
}

.ui-icon-cancel {
    background-position: 0 -128px
}

.ui-icon-plus {
    background-position: -16px -128px
}

.ui-icon-plusthick {
    background-position: -32px -128px
}

.ui-icon-minus {
    background-position: -48px -128px
}

.ui-icon-minusthick {
    background-position: -64px -128px
}

.ui-icon-close {
    background-position: -80px -128px
}

.ui-icon-closethick {
    background-position: -96px -128px
}

.ui-icon-key {
    background-position: -112px -128px
}

.ui-icon-lightbulb {
    background-position: -128px -128px
}

.ui-icon-scissors {
    background-position: -144px -128px
}

.ui-icon-clipboard {
    background-position: -160px -128px
}

.ui-icon-copy {
    background-position: -176px -128px
}

.ui-icon-contact {
    background-position: -192px -128px
}

.ui-icon-image {
    background-position: -208px -128px
}

.ui-icon-video {
    background-position: -224px -128px
}

.ui-icon-script {
    background-position: -240px -128px
}

.ui-icon-alert {
    background-position: 0 -144px
}

.ui-icon-info {
    background-position: -16px -144px
}

.ui-icon-notice {
    background-position: -32px -144px
}

.ui-icon-help {
    background-position: -48px -144px
}

.ui-icon-check {
    background-position: -64px -144px
}

.ui-icon-bullet {
    background-position: -80px -144px
}

.ui-icon-radio-off {
    background-position: -96px -144px
}

.ui-icon-radio-on {
    background-position: -112px -144px
}

.ui-icon-pin-w {
    background-position: -128px -144px
}

.ui-icon-pin-s {
    background-position: -144px -144px
}

.ui-icon-play {
    background-position: 0 -160px
}

.ui-icon-pause {
    background-position: -16px -160px
}

.ui-icon-seek-next {
    background-position: -32px -160px
}

.ui-icon-seek-prev {
    background-position: -48px -160px
}

.ui-icon-seek-end {
    background-position: -64px -160px
}

.ui-icon-seek-start {
    background-position: -80px -160px
}

.ui-icon-seek-first {
    background-position: -80px -160px
}

.ui-icon-stop {
    background-position: -96px -160px
}

.ui-icon-eject {
    background-position: -112px -160px
}

.ui-icon-volume-off {
    background-position: -128px -160px
}

.ui-icon-volume-on {
    background-position: -144px -160px
}

.ui-icon-power {
    background-position: 0 -176px
}

.ui-icon-signal-diag {
    background-position: -16px -176px
}

.ui-icon-signal {
    background-position: -32px -176px
}

.ui-icon-battery-0 {
    background-position: -48px -176px
}

.ui-icon-battery-1 {
    background-position: -64px -176px
}

.ui-icon-battery-2 {
    background-position: -80px -176px
}

.ui-icon-battery-3 {
    background-position: -96px -176px
}

.ui-icon-view-medium {
    background-position: -112px -176px
}

.ui-icon-view-small {
    background-position: -128px -176px
}

.ui-icon-circle-plus {
    background-position: 0 -192px
}

.ui-icon-circle-minus {
    background-position: -16px -192px
}

.ui-icon-circle-close {
    background-position: -32px -192px
}

.ui-icon-circle-triangle-e {
    background-position: -48px -192px
}

.ui-icon-circle-triangle-s {
    background-position: -64px -192px
}

.ui-icon-circle-triangle-w {
    background-position: -80px -192px
}

.ui-icon-circle-triangle-n {
    background-position: -96px -192px
}

.ui-icon-circle-arrow-e {
    background-position: -112px -192px
}

.ui-icon-circle-arrow-s {
    background-position: -128px -192px
}

.ui-icon-circle-arrow-w {
    background-position: -144px -192px
}

.ui-icon-circle-arrow-n {
    background-position: -160px -192px
}

.ui-icon-circle-zoomin {
    background-position: -176px -192px
}

.ui-icon-circle-zoomout {
    background-position: -192px -192px
}

.ui-icon-circle-check {
    background-position: -208px -192px
}

.ui-icon-circlesmall-plus {
    background-position: 0 -208px
}

.ui-icon-circlesmall-minus {
    background-position: -16px -208px
}

.ui-icon-circlesmall-close {
    background-position: -32px -208px
}

.ui-icon-squaresmall-plus {
    background-position: -48px -208px
}

.ui-icon-squaresmall-minus {
    background-position: -64px -208px
}

.ui-icon-squaresmall-close {
    background-position: -80px -208px
}

.ui-icon-grip-dotted-vertical {
    background-position: 0 -224px
}

.ui-icon-grip-dotted-horizontal {
    background-position: -16px -224px
}

.ui-icon-grip-solid-vertical {
    background-position: -32px -224px
}

.ui-icon-grip-solid-horizontal {
    background-position: -48px -224px
}

.ui-icon-gripsmall-diagonal-se {
    background-position: -64px -224px
}

.ui-icon-grip-diagonal-se {
    background-position: -80px -224px
}

.ui-widget-overlay {
    background: #aaa url(//cor-cdn-static.bibliocommons.com/assets/jui_images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
    opacity: .30;
    filter: Alpha(Opacity=30)
}

.ui-widget-shadow {
    margin: -8px 0 0 -8px;
    padding: 8px;
    background: #aaa url(//cor-cdn-static.bibliocommons.com/assets/jui_images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
    opacity: .30;
    filter: Alpha(Opacity=30);
    -moz-border-radius: 8px;
    -khtml-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px
}

.ui-autocomplete {
    position: absolute;
    cursor: default
}

* html .ui-autocomplete {
    width: 1px
}

.ui-menu {
    list-style: none;
    padding: 2px;
    margin: 0;
    display: block;
    float: left
}

.ui-menu .ui-menu {
    margin-top: -3px
}

.ui-menu .ui-menu-item {
    margin: 0;
    padding: 0;
    zoom: 1;
    float: left;
    clear: left;
    width: 100%
}

.ui-menu .ui-menu-item a {
    text-decoration: none;
    display: block;
    padding: .2em .4em;
    line-height: 1.5;
    zoom: 1
}

.ui-menu .ui-menu-item a.ui-state-hover, .ui-menu .ui-menu-item a.ui-state-active {
    margin: -1px
}

.ui-button {
    display: inline-block;
    position: relative;
    padding: 0;
    margin-right: .1em;
    text-decoration: none !important;
    cursor: pointer;
    text-align: center;
    zoom: 1;
    overflow: visible
}

.ui-button-icon-only {
    width: 2.2em
}

button.ui-button-icon-only {
    width: 2.4em
}

.ui-button-icons-only {
    width: 3.4em
}

button.ui-button-icons-only {
    width: 3.7em
}

.ui-button .ui-button-text {
    display: block;
    line-height: 1.4
}

.ui-button-text-only .ui-button-text {
    padding: .4em 1em
}

.ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text {
    padding: .4em;
    text-indent: -9999999px
}

.ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text {
    padding: .4em 1em .4em 2.1em
}

.ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text {
    padding: .4em 2.1em .4em 1em
}

.ui-button-text-icons .ui-button-text {
    padding-left: 2.1em;
    padding-right: 2.1em
}

input.ui-button {
    padding: .4em 1em
}

.ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon,
.ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon,
.ui-button-icons-only .ui-icon {
    position: absolute;
    top: 50%;
    margin-top: -8px
}

.ui-button-icon-only .ui-icon {
    left: 50%;
    margin-left: -8px
}

.ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary,
.ui-button-icons-only .ui-button-icon-primary {
    left: .5em
}

.ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary,
.ui-button-icons-only .ui-button-icon-secondary {
    right: .5em
}

.ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary {
    right: .5em
}

.ui-buttonset {
    margin-right: 7px
}

.ui-buttonset .ui-button {
    margin-left: 0;
    margin-right: -.3em
}

#itemTypeSelector.ui-buttonset {
    margin: 4px
}

button.ui-button::-moz-focus-inner {
    border: 0;
    padding: 0
}

#checkedoutList .viewSelect .ui-combobox .ui-combobox-input {
    text-align: left;
    width: 120px
}

.ui-datepicker {
    width: 17em;
    padding: .2em .2em 0;
    display: none
}

.ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: .2em 0
}

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
    position: absolute;
    top: 2px;
    width: 1.8em;
    height: 1.8em
}

.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover {
    top: 1px
}

.ui-datepicker .ui-datepicker-prev {
    left: 2px
}

.ui-datepicker .ui-datepicker-next {
    right: 2px
}

.ui-datepicker .ui-datepicker-prev-hover {
    left: 1px
}

.ui-datepicker .ui-datepicker-next-hover {
    right: 1px
}

.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -8px;
    top: 50%;
    margin-top: -8px
}

.ui-datepicker .ui-datepicker-title {
    margin: 0 2.3em;
    line-height: 1.8em;
    text-align: center
}

.ui-datepicker .ui-datepicker-title select {
    font-size: 1em;
    margin: 1px 0
}

.ui-datepicker select.ui-datepicker-month-year {
    width: 100%
}

.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
    width: 49%
}

.ui-datepicker table {
    width: 100%;
    font-size: .9em;
    border-collapse: collapse;
    margin: 0 0 .4em
}

.ui-datepicker th {
    padding: .7em .3em;
    text-align: center;
    font-weight: bold;
    border: 0
}

.ui-datepicker td {
    border: 0;
    padding: 1px
}

.ui-datepicker td span, .ui-datepicker td a {
    display: block;
    padding: .2em;
    text-align: right;
    text-decoration: none
}

.ui-datepicker .ui-datepicker-buttonpane {
    background-image: none;
    margin: .7em 0 0 0;
    padding: 0 .2em;
    border-left: 0;
    border-right: 0;
    border-bottom: 0
}

.ui-datepicker .ui-datepicker-buttonpane button {
    float: right;
    margin: .5em .2em .4em;
    cursor: pointer;
    padding: .2em .6em .3em .6em;
    width: auto;
    overflow: visible
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
    float: left
}

.ui-datepicker.ui-datepicker-multi {
    width: auto
}

.ui-datepicker-multi .ui-datepicker-group {
    float: left
}

.ui-datepicker-multi .ui-datepicker-group table {
    width: 95%;
    margin: 0 auto .4em
}

.ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%
}

.ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%
}

.ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header {
    border-left-width: 0
}

.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 0
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left
}

.ui-datepicker-row-break {
    clear: both;
    width: 100%;
    font-size: 0em
}

.ui-datepicker-rtl {
    direction: rtl
}

.ui-datepicker-rtl .ui-datepicker-prev {
    right: 2px;
    left: auto
}

.ui-datepicker-rtl .ui-datepicker-next {
    left: 2px;
    right: auto
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
    right: 1px;
    left: auto
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
    left: 1px;
    right: auto
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
    clear: right
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
    float: left
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current {
    float: right
}

.ui-datepicker-rtl .ui-datepicker-group {
    float: right
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header {
    border-right-width: 0;
    border-left-width: 1px
}

.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
    border-right-width: 0;
    border-left-width: 1px
}

.ui-datepicker-cover {
    display: none;
    display /**/
    :block;
    position: absolute;
    z-index: -1;
    filter: mask();
    top: -4px;
    left: -4px;
    width: 200px;
    height: 200px
}

.ui-icon-circle-triangle-e, .ui-icon-circle-triangle-w {
    cursor: pointer !important
}

.ui-menu .ui-menu-item a {
    color: #222
}

.picker {
    font-size: 16px;
    text-align: left;
    line-height: 1.2;
    color: #000000;
    position: absolute;
    z-index: 10000;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.picker__input {
    cursor: default
}

.picker__input.picker__input--active {
    border-color: #0089ec
}

.picker__holder {
    width: 100%;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch
}

/*!
* Default mobile-first, responsive styling for pickadate.js
* Demo: http://amsul.github.io/pickadate.js
*/
.picker__holder, .picker__frame {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%)
}

.picker__holder {
    position: fixed;
    transition: background 0.15s ease-out, -webkit-transform 0s 0.15s;
    transition: background 0.15s ease-out, transform 0s 0.15s;
    -webkit-backface-visibility: hidden
}

.picker__frame {
    position: absolute;
    margin: 0 auto;
    min-width: 256px;
    max-width: 666px;
    width: 100%;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
    transition: all 0.15s ease-out
}

@media (min-height: 33.875em) {
    .picker__frame {
        overflow: visible;
        top: auto;
        bottom: -100%;
        max-height: 80%
    }
}

@media (min-height: 40.125em) {
    .picker__frame {
        margin-bottom: 7.5%
    }
}

.picker__wrap {
    display: table;
    width: 100%;
    height: 100%
}

@media (min-height: 33.875em) {
    .picker__wrap {
        display: block
    }
}

.picker__box {
    background: #ffffff;
    display: table-cell;
    vertical-align: middle
}

@media (min-height: 26.5em) {
    .picker__box {
        font-size: 1.25em
    }
}

@media (min-height: 33.875em) {
    .picker__box {
        display: block;
        font-size: 1.33em;
        border: 1px solid #777777;
        border-top-color: #898989;
        border-bottom-width: 0;
        border-radius: 5px 5px 0 0;
        box-shadow: 0 12px 36px 16px rgba(0, 0, 0, 0.24)
    }
}

@media (min-height: 40.125em) {
    .picker__box {
        font-size: 1.5em;
        border-bottom-width: 1px;
        border-radius: 5px
    }
}

.picker--opened .picker__holder {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    background: transparent;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#1E000000,endColorstr=#1E000000)";
    zoom: 1;
    background: rgba(0, 0, 0, 0.32);
    transition: background 0.15s ease-out
}

.picker--opened .picker__frame {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1
}

@media (min-height: 33.875em) {
    .picker--opened .picker__frame {
        top: auto;
        bottom: 0
    }
}

.picker__box {
    padding: 0 1em
}

.picker__header {
    text-align: center;
    position: relative;
    margin-top: .75em
}

.picker__month, .picker__year {
    font-weight: 500;
    display: inline-block;
    margin-left: .25em;
    margin-right: .25em
}

.picker__year {
    color: #999999;
    font-size: .8em;
    font-style: italic
}

.picker__select--month, .picker__select--year {
    border: 1px solid #b7b7b7;
    height: 2em;
    padding: .5em;
    margin-left: .25em;
    margin-right: .25em
}

@media (min-width: 24.5em) {
    .picker__select--month, .picker__select--year {
        margin-top: -0.5em
    }
}

.picker__select--month {
    width: 35%
}

.picker__select--year {
    width: 22.5%
}

.picker__select--month:focus, .picker__select--year:focus {
    border-color: #0089ec
}

.picker__nav--prev, .picker__nav--next {
    position: absolute;
    padding: .5em 1.25em;
    width: 1em;
    height: 1em;
    box-sizing: content-box;
    top: -0.25em
}

@media (min-width: 24.5em) {
    .picker__nav--prev, .picker__nav--next {
        top: -0.33em
    }
}

.picker__nav--prev {
    left: -1em;
    padding-right: 1.25em
}

@media (min-width: 24.5em) {
    .picker__nav--prev {
        padding-right: 1.5em
    }
}

.picker__nav--next {
    right: -1em;
    padding-left: 1.25em
}

@media (min-width: 24.5em) {
    .picker__nav--next {
        padding-left: 1.5em
    }
}

.picker__nav--prev:before, .picker__nav--next:before {
    content: " ";
    border-top: .5em solid transparent;
    border-bottom: .5em solid transparent;
    border-right: 0.75em solid #000000;
    width: 0;
    height: 0;
    display: block;
    margin: 0 auto
}

.picker__nav--next:before {
    border-right: 0;
    border-left: 0.75em solid #000000
}

.picker__nav--prev:hover, .picker__nav--next:hover {
    cursor: pointer;
    color: #000000;
    background: #b1dcfb
}

.picker__nav--disabled, .picker__nav--disabled:hover, .picker__nav--disabled:before,
.picker__nav--disabled:before:hover {
    cursor: default;
    background: none;
    border-right-color: #f5f5f5;
    border-left-color: #f5f5f5
}

.picker__table {
    text-align: center;
    border-collapse: collapse;
    border-spacing: 0;
    table-layout: fixed;
    font-size: inherit;
    width: 100%;
    margin-top: .75em;
    margin-bottom: .5em
}

@media (min-height: 33.875em) {
    .picker__table {
        margin-bottom: .75em
    }
}

.picker__table td {
    margin: 0;
    padding: 0
}

.picker__weekday {
    width: 14.285714286%;
    font-size: .75em;
    padding-bottom: .25em;
    color: #999999;
    font-weight: 500
}

@media (min-height: 33.875em) {
    .picker__weekday {
        padding-bottom: .5em
    }
}

.picker__day {
    padding: .3125em 0;
    font-weight: 200;
    border: 1px solid transparent
}

.picker__day--today {
    position: relative
}

.picker__day--today:before {
    content: " ";
    position: absolute;
    top: 2px;
    right: 2px;
    width: 0;
    height: 0;
    border-top: 0.5em solid #0059bc;
    border-left: .5em solid transparent
}

.picker__day--disabled:before {
    border-top-color: #aaaaaa
}

.picker__day--outfocus {
    color: #dddddd
}

.picker__day--infocus:hover, .picker__day--outfocus:hover {
    cursor: pointer;
    color: #000000;
    background: #b1dcfb
}

.picker__day--highlighted {
    border-color: #0089ec
}

.picker__day--highlighted:hover, .picker--focused .picker__day--highlighted {
    cursor: pointer;
    color: #000000;
    background: #b1dcfb
}

.picker__day--selected, .picker__day--selected:hover, .picker--focused .picker__day--selected {
    background: #0089ec;
    color: #ffffff
}

.picker__day--disabled, .picker__day--disabled:hover, .picker--focused .picker__day--disabled {
    background: #f5f5f5;
    border-color: #f5f5f5;
    color: #dddddd;
    cursor: default
}

.picker__day--highlighted.picker__day--disabled, .picker__day--highlighted.picker__day--disabled:hover {
    background: #bbbbbb
}

.picker__footer {
    text-align: center
}

.picker__button--today, .picker__button--clear, .picker__button--close {
    border: 1px solid #ffffff;
    background: #ffffff;
    font-size: .8em;
    padding: .66em 0;
    font-weight: bold;
    width: 33%;
    display: inline-block;
    vertical-align: bottom
}

.picker__button--today:hover, .picker__button--clear:hover, .picker__button--close:hover {
    cursor: pointer;
    color: #000000;
    background: #b1dcfb;
    border-bottom-color: #b1dcfb
}

.picker__button--today:focus, .picker__button--clear:focus, .picker__button--close:focus {
    background: #b1dcfb;
    border-color: #0089ec;
    outline: none
}

.picker__button--today:before, .picker__button--clear:before,
.picker__button--close:before {
    position: relative;
    display: inline-block;
    height: 0
}

.picker__button--today:before, .picker__button--clear:before {
    content: " ";
    margin-right: .45em
}

.picker__button--today:before {
    top: -0.05em;
    width: 0;
    border-top: 0.66em solid #0059bc;
    border-left: .66em solid transparent
}

.picker__button--clear:before {
    top: -0.25em;
    width: .66em;
    border-top: 3px solid #ee2200
}

.picker__button--close:before {
    content: "\D7";
    top: -0.1em;
    vertical-align: top;
    font-size: 1.1em;
    margin-right: .35em;
    color: #777777
}

.picker__button--today[disabled], .picker__button--today[disabled]:hover {
    background: #f5f5f5;
    border-color: #f5f5f5;
    color: #dddddd;
    cursor: default
}

.picker__button--today[disabled]:before {
    border-top-color: #aaaaaa
}

/*!
* Yamm!3 - Yet another megamenu for Bootstrap 3
* http://geedmo.github.com/yamm3
*
* @geedmo - Licensed under the MIT license
*/
.yamm .nav, .yamm .collapse, .yamm .dropup, .yamm .dropdown {
    position: static
}

.yamm .container {
    position: relative
}

.yamm .dropdown-menu {
    left: auto
}

.yamm .yamm-content {
    padding: 20px 30px
}

.yamm .dropdown.yamm-fw .dropdown-menu {
    left: 0;
    right: 0
}

/*! https://bitbucket.org/bibliocommons/bc-slider - v1.0.6 - 2016-12-13 */
.bx-wrapper {
    position: relative;
    margin: 0 auto 60px;
    padding: 0;
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

.bx-wrapper img {
    max-width: 100%;
    display: block
}

.bxslider {
    margin: 0;
    padding: 0
}

ul.bxslider {
    list-style: none
}

.bx-viewport {
    -webkit-transform: translatez(0)
}

.bx-wrapper .bx-controls-auto, .bx-wrapper .bx-pager {
    position: absolute;
    bottom: -30px;
    width: 100%
}

.bx-wrapper .bx-loading {
    min-height: 50px;
    background: url(https://portlandlibrary.bibliocommons.com/images/bx_loader.gif) center center no-repeat #fff;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2000
}

.bx-wrapper .bx-pager {
    text-align: center;
    font-size: .85em;
    font-family: Arial;
    font-weight: 700;
    color: #666;
    padding-top: 20px
}

.bx-wrapper .bx-pager.bx-default-pager a {
    background: #666;
    text-indent: -9999px;
    display: block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    outline: 0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px
}

.bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus,
.bx-wrapper .bx-pager.bx-default-pager a:hover {
    background: #000
}

.bx-wrapper .bx-controls-auto .bx-controls-auto-item, .bx-wrapper .bx-pager-item {
    display: inline-block
}

.bx-wrapper .bx-pager-item {
    font-size: 0;
    line-height: 0
}

.bx-wrapper .bx-prev {
    left: 10px;
    background: url(https://portlandlibrary.bibliocommons.com/images/controls.png) 0 -32px no-repeat
}

.bx-wrapper .bx-prev:focus, .bx-wrapper .bx-prev:hover {
    background-position: 0 0
}

.bx-wrapper .bx-next {
    right: 10px;
    background: url(https://portlandlibrary.bibliocommons.com/images/controls.png) -43px -32px no-repeat
}

.bx-wrapper .bx-next:focus, .bx-wrapper .bx-next:hover {
    background-position: -43px 0
}

.bx-wrapper .bx-controls-direction a {
    position: absolute;
    top: 50%;
    margin-top: -16px;
    outline: 0;
    width: 32px;
    height: 32px;
    text-indent: -9999px;
    z-index: 9999
}

.bx-wrapper .bx-controls-direction a.disabled {
    display: none
}

.bx-wrapper .bx-controls-auto {
    text-align: center
}

.bx-wrapper .bx-controls-auto .bx-start {
    display: block;
    text-indent: -9999px;
    width: 10px;
    height: 11px;
    outline: 0;
    background: url(https://portlandlibrary.bibliocommons.com/images/controls.png) -86px -11px no-repeat;
    margin: 0 3px
}

.bx-wrapper .bx-controls-auto .bx-start.active, .bx-wrapper .bx-controls-auto .bx-start:focus,
.bx-wrapper .bx-controls-auto .bx-start:hover {
    background-position: -86px 0
}

.bx-wrapper .bx-controls-auto .bx-stop {
    display: block;
    text-indent: -9999px;
    width: 9px;
    height: 11px;
    outline: 0;
    background: url(https://portlandlibrary.bibliocommons.com/images/controls.png) -86px -44px no-repeat;
    margin: 0 3px
}

.bx-wrapper .bx-controls-auto .bx-stop.active, .bx-wrapper .bx-controls-auto .bx-stop:focus,
.bx-wrapper .bx-controls-auto .bx-stop:hover {
    background-position: -86px -33px
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
    text-align: left;
    width: 80%
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
    right: 0;
    width: 35px
}

.bx-wrapper .bx-caption {
    position: absolute;
    bottom: 0;
    left: 0;
    background: #666;
    background: rgba(80, 80, 80, 0.75);
    width: 100%
}

.bx-wrapper .bx-caption span {
    color: #fff;
    font-family: Arial;
    display: block;
    font-size: .85em;
    padding: 10px
}

.bx-wrapper {
    -moz-box-shadow: 0 0 5px #ccc;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    background: 0 0
}

.cp_bcslider {
    margin-bottom: 40px
}

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

.cp_bcslider:after {
    clear: both
}

.cp_bcslider .carousel_item {
    display: none
}

.cp_bcslider .bx-wrapper {
    margin: 0 auto
}

.cp_bcslider .bx-wrapper div {
    padding: 0
}

.cp_bcslider .bx-wrapper .carousel_item {
    font-size: 12px;
    display: inline-block;
    vertical-align: bottom;
    float: none !important
}

.cp_bcslider .bx-wrapper .carousel_item .jacketCover.widget_detail {
    height: auto
}

.cp_bcslider .bx-wrapper .bx-viewport {
    padding-top: 5px;
    padding-bottom: 30px;
    box-shadow: none;
    font-size: 0;
    background-color: #f1f1f1;
    border-style: solid;
    border-color: #f1f1f1;
    outline: #ccc solid 1px;
    left: auto;
    min-height: 70px;
    border-width: 10px 30px;
    border-width: 10px 30px
}

.cp_bcslider .carousel_item {
    background-color: #fff;
    padding: 5px;
    -moz-box-shadow: 0 1px 5px #ccc;
    -webkit-box-shadow: 0 1px 5px #ccc;
    box-shadow: 0 1px 5px #ccc;
    border: 5px solid #fff
}

.cp_bcslider .carousel_item.no_slider {
    display: inline-block;
    position: relative;
    padding: 0;
    margin: 10px;
    vertical-align: bottom
}

.cp_bcslider .carousel_item.no_slider .jacketCover {
    max-width: 100%;
    height: auto
}

.cp_bcslider .carousel_item.no_image .hover_overlay {
    opacity: 1;
    visibility: visible;
    background: #3A88B5;
    color: #fff;
    position: relative;
    height: 100% !important
}

.cp_bcslider .carousel_item .hover_overlay {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
    opacity: 0;
    visibility: hidden;
    width: 100%;
    height: 100%;
    overflow: hidden;
    transition: all .5s;
    display: block
}

.cp_bcslider #recently_rated_bibs .carousel_item.no_image.music,
.cp_bcslider .carousel_item.no_image {
    height: 180px
}

.cp_bcslider .carousel_item:hover {
    cursor: pointer
}

.cp_bcslider .carousel_item:hover .hover_overlay {
    opacity: .9;
    visibility: visible;
    color: #000;
    background: #f2f2f2
}

.cp_bcslider .carousel_item.no_image .jacketCoverLink {
    display: none
}

.cp_bcslider #recently_rated_bibs .carousel_item.no_image {
    padding-bottom: 50px
}

.cp_bcslider .carousel_item.no_image.music {
    height: 120px
}

.cp_bcslider .carousel_item .hover_overlay_inner {
    padding: 8px
}

.cp_bcslider .carousel_item .hover_overlay .title {
    font-size: 14px;
    color: inherit
}

.cp_bcslider .carousel_item:not(.music) .hover_overlay .author {
    font-size: 13px
}

.cp_bcslider .bx-wrapper .bx-controls-direction a {
    background: 0 0;
    text-indent: 0;
    font-size: 38px;
    z-index: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.cp_bcslider .bx-wrapper .bx-prev {
    left: -12px
}

.cp_bcslider .bx-wrapper .bx-next {
    right: 10px
}

.cp_bcslider .bx-wrapper .bx-pager {
    bottom: 0;
    padding-bottom: 10px
}

@media screen and (max-width: 767px) {
    .cp_bcslider .bx-wrapper .bx-pager {
        display: none
    }
}

.cp_bcslider .recent_bib_rating {
    margin-top: 10px;
    font-size: 14px
}

.cp_bcslider .recent_bib_rating i {
    color: #3A88B5;
    margin: 0 -3px
}

.cp_bcslider .average_bib_rating {
    font-size: 11px;
    color: #999
}

.cp_bcslider .average_bib_rating .rating_left {
    display: inline-block
}

.cp_bcslider .average_bib_rating i {
    margin-right: -5px
}

.cp_bcslider .username_attribution {
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.cp_bcslider .hover_overlay_inner .icon_and_rating {
    font-size: 14px;
    margin-bottom: 3px
}

.cp_bcslider .hover_overlay_inner .icon_and_rating .hovered_ratings {
    font-size: 14px;
    display: none
}

.cp_bcslider .carousel_item:hover .hovered_ratings {
    display: inline-block;
    color: #3A88B5;
    float: right
}

.cp_bcslider .carousel_item:hover .hovered_ratings i {
    margin-left: -6px
}

.cp_bcslider .bx-pager .bx-pager-link.active, .cp_bcslider .bx-wrapper .bx-controls-direction a:hover {
    color: #828282
}

.cp_bcslider .bx-pager .bx-pager-link, .cp_bcslider .bx-wrapper .bx-controls-direction a {
    color: #ccc
}

.cp_bcslider .bx-wrapper .bx-loading {
    background: 0 0
}

.shepherd-element, .shepherd-element:after, .shepherd-element:before,
.shepherd-element * , .shepherd-element * :after, .shepherd-element * :before {
    box-sizing: border-box
}

.shepherd-element {
    position: absolute;
    display: none
}

.shepherd-element.shepherd-open {
    display: block
}

.shepherd-element.shepherd-theme-arrows-plain-buttons {
    max-width: 100%;
    max-height: 100%
}

.shepherd-element.shepherd-theme-arrows-plain-buttons .shepherd-content {
    border-radius: 5px;
    position: relative;
    font-family: inherit;
    background: #426777;
    color: #fff;
    padding: 1em;
    font-size: 1.1em;
    line-height: 1.5em;
    transform: translateZ(0);
    filter: drop-shadow(0 1px 4px rgba(0, 0, 0, 0.2))
}

.shepherd-element.shepherd-theme-arrows-plain-buttons .shepherd-content:before {
    content: "";
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-width: 16px;
    border-style: solid;
    pointer-events: none
}

.shepherd-element.shepherd-theme-arrows-plain-buttons.shepherd-element-attached-bottom.shepherd-element-attached-center .shepherd-content {
    margin-bottom: 16px
}

.shepherd-element.shepherd-theme-arrows-plain-buttons.shepherd-element-attached-bottom.shepherd-element-attached-center .shepherd-content:before {
    top: 100%;
    left: 50%;
    margin-left: -16px;
    border-top-color: #426777
}

.shepherd-element.shepherd-theme-arrows-plain-buttons.shepherd-element-attached-top.shepherd-element-attached-center .shepherd-content {
    margin-top: 16px
}

.shepherd-element.shepherd-theme-arrows-plain-buttons.shepherd-element-attached-top.shepherd-element-attached-center .shepherd-content:before {
    bottom: 100%;
    left: 50%;
    margin-left: -16px;
    border-bottom-color: #426777
}

.shepherd-element.shepherd-theme-arrows-plain-buttons.shepherd-element-attached-right.shepherd-element-attached-middle .shepherd-content {
    margin-right: 16px
}

.shepherd-element.shepherd-theme-arrows-plain-buttons.shepherd-element-attached-right.shepherd-element-attached-middle .shepherd-content:before {
    left: 100%;
    top: 50%;
    margin-top: -16px;
    border-left-color: #426777
}

.shepherd-element.shepherd-theme-arrows-plain-buttons.shepherd-element-attached-left.shepherd-element-attached-middle .shepherd-content {
    margin-left: 16px
}

.shepherd-element.shepherd-theme-arrows-plain-buttons.shepherd-element-attached-left.shepherd-element-attached-middle .shepherd-content:before {
    right: 100%;
    top: 50%;
    margin-top: -16px;
    border-right-color: #426777
}

.shepherd-element.shepherd-theme-arrows-plain-buttons.shepherd-element-attached-top.shepherd-element-attached-left.shepherd-target-attached-bottom .shepherd-content {
    margin-top: 16px
}

.shepherd-element.shepherd-theme-arrows-plain-buttons.shepherd-element-attached-top.shepherd-element-attached-left.shepherd-target-attached-bottom .shepherd-content:before {
    bottom: 100%;
    left: 16px;
    border-bottom-color: #426777
}

.shepherd-element.shepherd-theme-arrows-plain-buttons.shepherd-element-attached-top.shepherd-element-attached-right.shepherd-target-attached-bottom .shepherd-content {
    margin-top: 16px
}

.shepherd-element.shepherd-theme-arrows-plain-buttons.shepherd-element-attached-top.shepherd-element-attached-right.shepherd-target-attached-bottom .shepherd-content:before {
    bottom: 100%;
    right: 16px;
    border-bottom-color: #426777
}

.shepherd-element.shepherd-theme-arrows-plain-buttons.shepherd-element-attached-bottom.shepherd-element-attached-left.shepherd-target-attached-top .shepherd-content {
    margin-bottom: 16px
}

.shepherd-element.shepherd-theme-arrows-plain-buttons.shepherd-element-attached-bottom.shepherd-element-attached-left.shepherd-target-attached-top .shepherd-content:before {
    top: 100%;
    left: 16px;
    border-top-color: #426777
}

.shepherd-element.shepherd-theme-arrows-plain-buttons.shepherd-element-attached-bottom.shepherd-element-attached-right.shepherd-target-attached-top .shepherd-content {
    margin-bottom: 16px
}

.shepherd-element.shepherd-theme-arrows-plain-buttons.shepherd-element-attached-bottom.shepherd-element-attached-right.shepherd-target-attached-top .shepherd-content:before {
    top: 100%;
    right: 16px;
    border-top-color: #426777
}

.shepherd-element.shepherd-theme-arrows-plain-buttons.shepherd-element-attached-top.shepherd-element-attached-right.shepherd-target-attached-left .shepherd-content {
    margin-right: 16px
}

.shepherd-element.shepherd-theme-arrows-plain-buttons.shepherd-element-attached-top.shepherd-element-attached-right.shepherd-target-attached-left .shepherd-content:before {
    top: 16px;
    left: 100%;
    border-left-color: #426777
}

.shepherd-element.shepherd-theme-arrows-plain-buttons.shepherd-element-attached-top.shepherd-element-attached-left.shepherd-target-attached-right .shepherd-content {
    margin-left: 16px
}

.shepherd-element.shepherd-theme-arrows-plain-buttons.shepherd-element-attached-top.shepherd-element-attached-left.shepherd-target-attached-right .shepherd-content:before {
    top: 16px;
    right: 100%;
    border-right-color: #426777
}

.shepherd-element.shepherd-theme-arrows-plain-buttons.shepherd-element-attached-bottom.shepherd-element-attached-right.shepherd-target-attached-left .shepherd-content {
    margin-right: 16px
}

.shepherd-element.shepherd-theme-arrows-plain-buttons.shepherd-element-attached-bottom.shepherd-element-attached-right.shepherd-target-attached-left .shepherd-content:before {
    bottom: 16px;
    left: 100%;
    border-left-color: #426777
}

.shepherd-element.shepherd-theme-arrows-plain-buttons.shepherd-element-attached-bottom.shepherd-element-attached-left.shepherd-target-attached-right .shepherd-content {
    margin-left: 16px
}

.shepherd-element.shepherd-theme-arrows-plain-buttons.shepherd-element-attached-bottom.shepherd-element-attached-left.shepherd-target-attached-right .shepherd-content:before {
    bottom: 16px;
    right: 100%;
    border-right-color: #426777
}

.shepherd-element.shepherd-theme-arrows-plain-buttons.shepherd-element-attached-top.shepherd-element-attached-center.shepherd-has-title .shepherd-content:before,
.shepherd-element.shepherd-theme-arrows-plain-buttons.shepherd-element-attached-top.shepherd-element-attached-right.shepherd-target-attached-bottom.shepherd-has-title .shepherd-content:before,
.shepherd-element.shepherd-theme-arrows-plain-buttons.shepherd-element-attached-top.shepherd-element-attached-left.shepherd-target-attached-bottom.shepherd-has-title .shepherd-content:before {
    border-bottom-color: #426777
}

.shepherd-element.shepherd-theme-arrows-plain-buttons.shepherd-has-title .shepherd-content header {
    background: #426777;
    padding: 1em
}

.shepherd-element.shepherd-theme-arrows-plain-buttons.shepherd-has-title .shepherd-content header a.shepherd-cancel-link {
    padding: 0;
    margin-bottom: 0
}

.shepherd-element.shepherd-theme-arrows-plain-buttons.shepherd-has-cancel-link .shepherd-content header h3 {
    float: left
}

.shepherd-element.shepherd-theme-arrows-plain-buttons .shepherd-content {
    padding: 0
}

.shepherd-element.shepherd-theme-arrows-plain-buttons .shepherd-content header {
    * zoom: 1;
    border-radius: 5px 5px 0 0
}

.shepherd-element.shepherd-theme-arrows-plain-buttons .shepherd-content header:after {
    content: "";
    display: table;
    clear: both
}

.shepherd-element.shepherd-theme-arrows-plain-buttons .shepherd-content header h3 {
    margin: 0;
    line-height: 1;
    font-weight: normal
}

.shepherd-element.shepherd-theme-arrows-plain-buttons .shepherd-content header a.shepherd-cancel-link {
    float: right;
    text-decoration: none;
    font-size: 1.25em;
    line-height: 0.8em;
    font-weight: normal;
    color: rgba(0, 0, 0, 0.5);
    opacity: 0.25;
    position: relative;
    top: 0.1em;
    padding: 0.8em;
    margin-bottom: -0.8em
}

.shepherd-element.shepherd-theme-arrows-plain-buttons .shepherd-content header a.shepherd-cancel-link:hover {
    opacity: 1
}

.shepherd-element.shepherd-theme-arrows-plain-buttons .shepherd-content .shepherd-text {
    padding: 1em
}

.shepherd-element.shepherd-theme-arrows-plain-buttons .shepherd-content .shepherd-text p {
    margin: 0 0 0.5em 0;
    line-height: 1.3em
}

.shepherd-element.shepherd-theme-arrows-plain-buttons .shepherd-content .shepherd-text p:last-child {
    margin-bottom: 0
}

.shepherd-element.shepherd-theme-arrows-plain-buttons .shepherd-content footer {
    padding: 0 1em 1em
}

.shepherd-element.shepherd-theme-arrows-plain-buttons .shepherd-content footer .shepherd-buttons {
    text-align: right;
    list-style: none;
    padding: 0;
    margin: 0
}

.shepherd-element.shepherd-theme-arrows-plain-buttons .shepherd-content footer .shepherd-buttons li {
    display: inline;
    padding: 0;
    margin: 0
}

.shepherd-element.shepherd-theme-arrows-plain-buttons .shepherd-content footer .shepherd-buttons li .shepherd-button {
    display: inline-block;
    vertical-align: middle;
    * vertical-align: auto;
    * zoom: 1;
    * display: inline;
    cursor: pointer;
    margin: 0 0.5em 0 0;
    text-decoration: none
}

.shepherd-element.shepherd-theme-arrows-plain-buttons .shepherd-content footer .shepherd-buttons li:last-child .shepherd-button {
    margin-right: 0
}

.jsondiffpatch-delta {
    font-family: 'Bitstream Vera Sans Mono', 'DejaVu Sans Mono', Monaco, Courier, monospace;
    font-size: 12px;
    margin: 0;
    padding: 0 0 0 12px;
    display: inline-block
}

.jsondiffpatch-delta pre {
    font-family: 'Bitstream Vera Sans Mono', 'DejaVu Sans Mono', Monaco, Courier, monospace;
    font-size: 12px;
    margin: 0;
    padding: 0;
    display: inline-block
}

ul.jsondiffpatch-delta {
    list-style-type: none;
    padding: 0 0 0 20px;
    margin: 0
}

.jsondiffpatch-delta ul {
    list-style-type: none;
    padding: 0 0 0 20px;
    margin: 0
}

.jsondiffpatch-added .jsondiffpatch-property-name, .jsondiffpatch-added .jsondiffpatch-value pre,
.jsondiffpatch-modified .jsondiffpatch-right-value pre, .jsondiffpatch-textdiff-added {
    background: #bbffbb
}

.jsondiffpatch-deleted .jsondiffpatch-property-name, .jsondiffpatch-deleted pre,
.jsondiffpatch-modified .jsondiffpatch-left-value pre, .jsondiffpatch-textdiff-deleted {
    background: #ffbbbb;
    text-decoration: line-through
}

.jsondiffpatch-unchanged, .jsondiffpatch-movedestination {
    color: gray
}

.jsondiffpatch-unchanged, .jsondiffpatch-movedestination > .jsondiffpatch-value {
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    overflow-y: hidden
}

.jsondiffpatch-unchanged-showing .jsondiffpatch-unchanged, .jsondiffpatch-unchanged-showing .jsondiffpatch-movedestination > .jsondiffpatch-value {
    max-height: 100px
}

.jsondiffpatch-unchanged-hidden .jsondiffpatch-unchanged, .jsondiffpatch-unchanged-hidden .jsondiffpatch-movedestination > .jsondiffpatch-value {
    max-height: 0
}

.jsondiffpatch-unchanged-hiding .jsondiffpatch-movedestination > .jsondiffpatch-value,
.jsondiffpatch-unchanged-hidden .jsondiffpatch-movedestination > .jsondiffpatch-value {
    display: block
}

.jsondiffpatch-unchanged-visible .jsondiffpatch-unchanged, .jsondiffpatch-unchanged-visible .jsondiffpatch-movedestination > .jsondiffpatch-value {
    max-height: 100px
}

.jsondiffpatch-unchanged-hiding .jsondiffpatch-unchanged, .jsondiffpatch-unchanged-hiding .jsondiffpatch-movedestination > .jsondiffpatch-value {
    max-height: 0
}

.jsondiffpatch-unchanged-showing .jsondiffpatch-arrow, .jsondiffpatch-unchanged-hiding .jsondiffpatch-arrow {
    display: none
}

.jsondiffpatch-value {
    display: inline-block
}

.jsondiffpatch-property-name {
    display: inline-block;
    padding-right: 5px;
    vertical-align: top
}

.jsondiffpatch-property-name:after {
    content: ': '
}

.jsondiffpatch-child-node-type-array > .jsondiffpatch-property-name:after {
    content: ': ['
}

.jsondiffpatch-child-node-type-array:after {
    content: '],'
}

div.jsondiffpatch-child-node-type-array:before {
    content: '['
}

div.jsondiffpatch-child-node-type-array:after {
    content: ']'
}

.jsondiffpatch-child-node-type-object > .jsondiffpatch-property-name:after {
    content: ': {'
}

.jsondiffpatch-child-node-type-object:after {
    content: '},'
}

div.jsondiffpatch-child-node-type-object:before {
    content: '{'
}

div.jsondiffpatch-child-node-type-object:after {
    content: '}'
}

.jsondiffpatch-value pre:after {
    content: ','
}

li:last-child > .jsondiffpatch-value pre:after, .jsondiffpatch-modified > .jsondiffpatch-left-value pre:after {
    content: ''
}

.jsondiffpatch-modified .jsondiffpatch-value {
    display: inline-block
}

.jsondiffpatch-modified .jsondiffpatch-right-value {
    margin-left: 5px
}

.jsondiffpatch-moved .jsondiffpatch-value {
    display: none
}

.jsondiffpatch-moved .jsondiffpatch-moved-destination {
    display: inline-block;
    background: #ffffbb;
    color: #888
}

.jsondiffpatch-moved .jsondiffpatch-moved-destination:before {
    content: ' => '
}

ul.jsondiffpatch-textdiff {
    padding: 0
}

.jsondiffpatch-textdiff-location {
    color: #bbb;
    display: inline-block;
    min-width: 60px
}

.jsondiffpatch-textdiff-line {
    display: inline-block
}

.jsondiffpatch-textdiff-line-number:after {
    content: ','
}

.jsondiffpatch-error {
    background: red;
    color: white;
    font-weight: bold
}

.jsondiffpatch-annotated-delta {
    font-family: 'Bitstream Vera Sans Mono', 'DejaVu Sans Mono', Monaco, Courier, monospace;
    font-size: 12px;
    margin: 0;
    padding: 0 0 0 12px;
    display: inline-block
}

.jsondiffpatch-annotated-delta pre {
    font-family: 'Bitstream Vera Sans Mono', 'DejaVu Sans Mono', Monaco, Courier, monospace;
    font-size: 12px;
    margin: 0;
    padding: 0;
    display: inline-block
}

.jsondiffpatch-annotated-delta td {
    margin: 0;
    padding: 0
}

.jsondiffpatch-annotated-delta td pre:hover {
    font-weight: bold
}

td.jsondiffpatch-delta-note {
    font-style: italic;
    padding-left: 10px
}

.jsondiffpatch-delta-note > div {
    margin: 0;
    padding: 0
}

.jsondiffpatch-delta-note pre {
    font-style: normal
}

.jsondiffpatch-annotated-delta .jsondiffpatch-delta-note {
    color: #777
}

.jsondiffpatch-annotated-delta tr:hover {
    background: #ffc
}

.jsondiffpatch-annotated-delta tr:hover > td.jsondiffpatch-delta-note {
    color: black
}

.jsondiffpatch-error {
    background: red;
    color: white;
    font-weight: bold
}

.page-navigation a {
    margin: 0 2px;
    display: inline-block;
    padding: 3px 5px;
    border-radius: 5px;
    text-decoration: none;
    font-weight: bold
}

.page-navigation a[data-selected] {
    background-color: #000000;
    color: #ffffff
}

table.dt-rowReorder-float {
    position: absolute !important;
    padding: 20px;
    table-layout: fixed;
    outline: 2px solid #666;
    outline-offset: -2px;
    z-index: 2001;
    background-color: #fff;
    opacity: 0.64%
}

table.dataTable td.reorder {
    text-align: left;
    cursor: move
}

tr.dt-rowReorder-moving {
    outline: 2px solid #02729e;
    outline-offset: -2px
}

body.dt-rowReorder-noOverflow {
    overflow-x: hidden
}

div.saveStatus {
    position: relative;
    padding: 2px 0 0 23px
}

#popout-box-content {
    min-width: 200px !important
}

.dropDown.openDropDown {
    z-index: 2000
}

div#printListDropDown {
    margin-right: 10px
}

input:focus, textarea:focus, select:focus {
    outline: 1px solid #E59700;
    outline: -webkit-focus-ring-color auto 5px
}

.showOnPrint {
    display: none
}

body {
    margin: 0;
    background-color: #DEDEDE
}

.content {
    overflow: visible;
    padding: 10px
}

.clear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.prototype {
    display: none
}

.date {
    white-space: nowrap
}

.title {
    font-size: 1.166em;
    line-height: 1.2
}

.title a {
    font-weight: bold
}

.title_extended {
    font-size: 1.166em;
    line-height: 1.2;
    float: left
}

.col {
    float: left;
    width: 50%
}

span.title_extension {
    font-size: 1.166em;
    font-weight: bold;
    line-height: 1em;
    margin-left: 5px
}

.image_button img {
    vertical-align: middle;
    margin: 0 0 0 0.5em
}

.strong {
    font-weight: bold
}

.text-center {
    text-align: center
}

.left {
    float: left
}

.right {
    float: right
}

.fetching {
    font-weight: bold
}

span.inline {
    display: inline-block
}

ul {
    list-style: none
}

ul li {
    line-height: 1.5
}

ul li ol, ul li ul {
    margin-left: 5px;
    list-style: disc
}

ul.legend {
    margin: 0;
    float: left;
    list-style: none
}

ul.legend li {
    margin: 0 0.5em 0 0;
    display: block;
    float: left;
    font-size: 1em
}

ul.legend li span {
    font-weight: bold;
    padding: 0.25em 0.5em 0.25em 0.25em
}

div.volume_item {
    float: left;
    width: 50%
}

label.inline {
    display: inline
}

h4.print {
    display: none
}

.preTitle {
    font-size: 1em;
    color: #666;
    margin: 0 0 0.25em 0
}

.capit {
    text-transform: capitalize
}

p {
    margin: 1em 0
}

p.disclaimer, span.disclaimer {
    font-size: 85%;
    padding: 5px;
    display: inline-block
}

.item_availability {
    font-weight: bold
}

a {
    text-decoration: none
}

a:hover {
    text-decoration: underline
}

a.help_icon {
    display: block;
    position: absolute;
    right: 15px;
    top: 10px;
    width: 17px;
    height: 17px;
    z-index: 500;
    font-size: 16px
}

a.help_icon.inline {
    position: static;
    display: inline;
    margin-left: 5px
}

h1 a.help_icon img {
    vertical-align: baseline;
    position: relative;
    top: 2px
}

a.help_icon img {
    vertical-align: text-bottom;
    margin-bottom: 1px
}

a.button, span.button {
    display: block;
    line-height: 19px;
    text-decoration: none;
    margin: 0;
    padding: 3px 0px
}

.emptyList a.button {
    display: inline
}

div.emptyList span.button {
    display: inline
}

div.emptyList span.button img {
    vertical-align: text-bottom
}

span.button img, a.button img {
    margin: 0;
    float: none
}

a.button img {
    vertical-align: middle;
    margin-top: -2px
}

.pageActions a.tab_button, a.tab_button {
    padding: 0px;
    padding-right: 7px;
    margin-top: 8px !important;
    margin-bottom: 8px !important;
    position: relative;
    line-height: 22px !important;
    float: left;
    border: 1px solid #404040;
    text-decoration: none;
    font-size: 12px
}

.pageActions a.button {
    display: inline;
    margin: 0 10px 0 0
}

a.tab_button span.add_new_plus {
    float: left;
    text-decoration: none !important;
    margin-right: 7px;
    font-weight: bold;
    font-size: 18px;
    text-align: center;
    line-height: 22px;
    display: block;
    vertical-align: middle;
    height: 22px;
    width: 26px;
    font-family: Arial, Helvetica, sans-serif;
    border-right: 1px solid #404040
}

.back_container {
    margin: 10px 0 0 20px
}

.back_container .back_to {
    float: left
}

.back_container .next_prev {
    float: right;
    margin-right: 20px
}

a.editLink {
    font-weight: bold;
    font-size: 0.9em
}

.bottomSnap {
    float: right;
    margin: 1em 0 0.5em
}

table {
    border-collapse: collapse;
    margin: 1em 0;
    width: 100%
}

tr {
    width: 100%
}

tr.hidden {
    display: none
}

thead th {
    text-align: left
}

td, th {
    padding: 0.75em 0.5em;
    margin: 0;
    border: 0;
    vertical-align: top
}

hr {
    border-width: 0 0 1px 0;
    border-style: solid;
    height: 0px;
    margin: 1.2em 0;
    clear: both;
    border-color: #aaa;
    background-color: #aaa
}

hr.secondary {
    background-color: #f2f2f2
}

.help_tip {
    z-index: 500
}

.tip {
    background: #FFFFFF;
    border-width: 1px;
    border-style: solid;
    width: 200px;
    line-height: 1.5;
    padding: 10px
}

.findSimilar ul {
    list-style-image: url("//cor-cdn-static.bibliocommons.com/assets/bullet.arrow-eb6c2169a4a625e93ce29c988b3c0020.png");
    list-style-type: disc
}

.pageActions {
    float: left
}

.titleBlock {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #DEDEDE;
    margin: 0 0 1em 0;
    padding: 0 0 1em 0;
    z-index: 1;
    min-height: 40px
}

.titleBlock p, .titleBlock h1 {
    max-width: 400px
}

.titleBlock h1 + p {
    margin: 0 0 1em 0;
    font-size: 1.2em
}

.titleBlock.withshare .share_button {
    position: absolute;
    top: 10px;
    right: 20px
}

.titleBlock.withshare h1 {
    display: block;
    max-width: 70% !important
}

a.flagButton, a.permalink, a.ugc_edit_link, a.list_new_flag_button {
    font-weight: normal;
    text-decoration: underline;
    float: right;
    display: block;
    font-size: 85%
}

.flagForm textarea {
    width: 400px
}

.tout {
    margin: 20px 0px;
    float: left;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px
}

.toutContent {
    padding: 15px;
    white-space: normal;
    min-width: 169px;
    background: none !important
}

.toutContent h1, .toutContent h2, .toutContent h3, .toutContent h4 {
    font-size: 1.16em;
    white-space: normal
}

.tout.square .toutContent {
    padding: 0;
    display: block;
    width: 189px;
    height: 189px
}

.tout.square .toutContent img {
    width: 189px;
    height: 189px
}

.toutContent ul {
    margin: 0 0 0 15px;
    padding: 0;
    list-style: disc
}

.toutContent li {
    padding: 2px 0
}

.toutContent p {
    margin-bottom: 0;
    white-space: normal
}

.toutContent a h1 {
    text-decoration: none
}

.secondary .tout {
    width: 207px
}

.secondary .toutContent h1 {
    margin-top: 0
}

.circBody {
    padding-top: 0 !important
}

.circBody h1 {
    margin-bottom: 1em
}

.circBody h1.group_heading {
    font-size: 14px;
    border-bottom: 2px solid #666666;
    padding: 10px 0 5px;
    margin: 5px 0
}

.circBody .sort_heading {
    border-bottom: 2px solid #666666;
    clear: both;
    height: 24px;
    margin: 5px 0;
    padding: 5px 0
}

.circBody .sort_heading h1 {
    font-size: 14px;
    margin-top: 0
}

.circBody .sort_heading .sort_selector {
    margin-top: -20px
}

.circBody .sort_heading .float_left {
    float: left;
    width: 70%
}

.circBody .sort_heading .float_right {
    float: right;
    width: 25%
}

.circBody .bib_title {
    font-style: italic;
    margin-bottom: 1em
}

.circBody .label {
    display: inline
}

.circBody .branch {
    margin: 0
}

.circBody table {
    margin-top: 0;
    border-bottom: 1px solid #e2e2e2
}

.circBody table thead tr {
    border-top: none
}

.circBody table thead td {
    font-size: 14px;
    font-weight: bold
}

.circBody table tr {
    border-top: 1px solid #ccc
}

.circBody table th {
    color: #444444
}

.circBody table td, .circBody table th {
    padding: 5px 10px 5px 5px
}

.modal-box table thead {
    border-bottom: 2px solid #666
}

.modal-box table tr {
    border-bottom: 1px solid #DDD
}

.circBody table tr.eresources {
    border-top: none
}

.circBody table tr.eresources td {
    padding-left: 20px
}

.circBody tr > tr.note {
    border-bottom: none
}

.circBody tr.note {
    margin-left: 30px
}

.circBody table tr.note {
    border: none
}

.circBody table tr.note td {
    color: #888
}

.circBody table tr.note td span {
    width: 16px;
    float: left
}

.circBody table th.copy {
    width: 75px
}

.circBody table th.library {
    width: 135px
}

.circBody table th.collection {
    width: 125px
}

.circBody table th.volume {
    width: 80px
}

.circBody table th.call_no {
    width: 100px
}

.circBody table th.status {
    width: 80px
}

.circBody table th.due_date {
    width: 70px
}

.circBody h1.extended_availability_group {
    border-bottom: 3px solid #777777;
    color: #777777
}

.circBody table .extended_availability_group th {
    color: #777777
}

.circBody hr.section_separator {
    padding: 1px 0px;
    margin: 5px 0px 5px 3px;
    background-color: #ddd
}

li.indent {
    padding: 5px 0 5px 10px
}

ul.bulleted {
    list-style-type: disc;
    margin: 0 0 0 20px
}

ul.bulleted li.noBullet {
    list-style: none
}

ol {
    list-style-type: decimal;
    margin: 0 0 0 20px
}

#marc_details table td {
    font-family: monospace;
    padding: 0.2em 0.5em;
    font-size: 1.2em
}

#marc_details table td.marcIndicator {
    white-space: pre
}

div.emptyList {
    font-size: 1.1em
}

div.emptyList p {
    margin: 10px 0 0 0
}

div.emptyList span.highlight {
    font-size: 1.2em;
    margin: 0 10px 0 0;
    font-style: oblique
}

.lt_responsive .dataPair span {
    display: inline
}

.lt_responsive .dataPair .label {
    margin-right: 5px
}

a.underlined {
    text-decoration: underline
}

a.editBtn {
    font-size: smaller;
    vertical-align: text-top
}

div.ie6_message {
    display: none
}

div.followCatagories {
    border-width: 1px;
    border-style: solid;
    overflow-y: auto;
    height: 180px
}

div.followEverthing h2 {
    margin: 0
}

div.followOnCategory h2 {
    margin: 0 0 1em
}

div.followOnCategory input.submit, div.followEverything input.submit {
    position: absolute;
    top: 5px;
    right: 0px
}

div.followEverything, div.followOnCategory {
    position: relative
}

div.followCatagories ul li {
    float: left;
    width: 199px
}

input.left, a.left {
    float: left
}

input.right, a.right {
    float: right
}

ul.legend li span {
    color: #FFF
}

.item_on_order {
    color: #b34400
}

ul.legend li span.credit, ul.legend li span.low, ul.legend li span.due {
    background: #00BF13
}

.item_available, .item_available_in_local_branch, .item_available_in_home_branch,
.item_available_in_preferred_branch, span.value.coming_due, span.ready_for_pickup,
span.low {
    color: green
}

ul.legend li span.unread, ul.legend li span.overdue, ul.legend li span.fine,
ul.legend li span.high {
    background: #A63231
}

ul.legend li span.payable, ul.legend li span.medium, ul.legend li span.comingDue {
    background: #FFCC00
}

span.in_transit {
    color: #b34400
}

.item_not_available, span.value.overdue, span.not_yet_available,
span.high {
    color: #7c0000
}

span.digital.not_yet_available {
    display: block;
    font-weight: 600;
    color: #7c0000
}

.empty-page img {
    float: left;
    margin-right: 5px
}

.empty-page .bc_checkbox {
    margin: 5px 0px;
    padding: 0px
}

.empty-page .bc_checkbox input {
    margin: 5px 5px 5px 0px
}

.empty-page .text {
    float: left;
    margin: 0px 0px 10px;
    color: #999999;
    width: 440px
}

.empty-page .text p {
    margin-top: 0px
}

.empty-page .text .bold {
    color: #555555;
    font-weight: bold;
    margin-bottom: 0px
}

.empty-page .text .title-block {
    font-size: 15px;
    margin-bottom: 10px;
    line-height: 20px;
    margin-bottom: 5px
}

.empty-page .text .sub-title-block {
    margin-bottom: 10px;
    line-height: 16px
}

.empty-page .text .title-block .bold {
    margin-bottom: 0px
}

div.recent_rating {
    margin: 0px;
    clear: both;
    padding: 5px 0px;
    border-bottom: 1px solid #e2e2e2
}

div.recent_rating a.jacketCoverLink {
    float: left;
    line-height: 0
}

div.recent_rating div.jacketCover {
    float: left;
    display: inline-block
}

div.recent_rating div.col {
    float: left;
    margin-left: 5px
}

div.recentRating:last-child {
    border-bottom: none
}

span.required {
    color: #AC4130;
    font-weight: bold;
    font-size: 1.0em
}

a.help_link {
    text-decoration: underline
}

.dropDown.openDropDown {
    z-index: 2000
}

#language .openDropDownArrow {
    visibility: visible
}

form .form_field {
    margin: 20px 0
}

form#registration select {
    width: 125px
}

form.list select {
    width: auto
}

form#registration label {
    font-weight: bold;
    font-size: 1.15em
}

.tos {
    padding: 5px;
    height: 300px;
    overflow-y: auto;
    border: 1px solid #ccc;
    margin-bottom: 10px
}

.tos ul {
    list-style-type: disc !important;
    margin-left: 20px;
    margin-bottom: 20px
}

.tos ul li {
    margin-bottom: 5px
}

#staff_takeover {
    background-color: #C20000;
    padding: 10px 15px;
    border-bottom: 2px solid #666;
    color: #fff;
    text-align: center
}

#staff_takeover h2 {
    color: #fff
}

#staff_takeover a:link, #staff_takeover a:visited {
    color: #fff;
    text-decoration: underline
}

#staff_takeover a:hover, #staff_takeover a:active {
    color: #ccc
}

#tooltip {
    position: absolute;
    z-index: 3000;
    background-color: #FFFFFF;
    border: 1px solid #CCC;
    padding: 10px;
    -moz-box-shadow: 1px 1px 1px 1px #DDD;
    -webkit-box-shadow: 1px 1px 1px 1px #DDD;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    width: 250px;
    border-radius: 5px;
    display: none
}

#tooltip h3, #tooltip div {
    margin: 0
}

a.userLink, span.userLink {
    white-space: nowrap
}

.red {
    color: #FF0000 !important
}

div.image_picker {
    width: 550px;
    height: 260px;
    border: 1px solid #CCC;
    padding: 3px;
    overflow-y: auto
}

div.image_picker img {
    padding: 5px;
    margin: 0px
}

div.image_picker img:hover {
    background: #ccc
}

div.image_picker img.selected, div.image_picker img.selected:hover {
    background: #0099FF
}

#badge_claim_form input[type=text] {
    height: 14px;
    line-height: 14px;
    margin-right: -4px
}

#userContent .show .parts p {
    word-wrap: break-word
}

.ui-combobox {
    position: relative;
    display: inline-block
}

.ui-combobox-toggle {
    position: absolute;
    top: 0;
    bottom: 0;
    margin-left: -1px;
    padding: 0;
    * height: 1.7em;
    * top: 0.1em;
    width: 20px
}

.ui-combobox .ui-combobox-input {
    margin: 0;
    padding: 0.3em;
    font-size: 11px
}

.viewSelect .ui-combobox {
    float: right
}

.ui-menu .ui-menu-item a {
    font-size: 11px
}

#saved_search_list {
    display: block;
    list-style-type: none;
    padding: 15px
}

#saved_search_list li {
    list-style-type: none
}

#saved_search_list li {
    display: block;
    margin-bottom: 10px
}

#saved_search_list li ul li {
    display: inline-block
}

#saved_search_list li.name {
    float: right;
    width: 70%
}

#saved_search_list li.date {
    float: left;
    width: 28%
}

.print_next_to_save #printListDropDown {
    position: absolute;
    top: 8px;
    right: 198px
}

.addthis_toolbox {
    cursor: pointer !important
}

.screen-reader-text, .visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

a.help_3m {
    font-weight: bold
}

a.jacketCoverLink {
    display: block;
    line-height: 0
}

.jacketCover.small {
    width: 26px
}

.jacketCover.medium {
    width: 55px
}

.jacketCover.large {
    width: 80px
}

.jacketCover.feature_detail {
    width: 100px
}

.jacketCover.widget_detail {
    height: 135px
}

.jacketCover.bib_detail {
    width: 147px
}

.jacketCover.program_slider {
    height: 182px
}

.jacketCover.online_photo {
    max-height: 290px;
    max-width: 250px
}

div.jacketCover {
    display: relative;
    background: #ccc;
    text-align: center;
    font-size: 15px
}

div.jacketCover.teacherset_image_sm {
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: 56px 75px;
    height: 75px;
    width: 56px
}

div.jacketCover .grade-text {
    display: block;
    font-size: 11px;
    line-height: 14px;
    margin: 0;
    padding: 5px 0 0;
    text-align: center
}

.screen-reader-text {
    position: absolute;
    left: -1000em
}

.hidable_div.closed {
    display: none
}

#hijack-modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
    z-index: 10000;
    background: #fff;
    background: url("//cor-cdn-static.bibliocommons.com/assets/30p_black-e3f6d6037c9d50d999dae842b69549bf.png")
}

#hijack-modal-image-wrap {
    position: relative;
    margin: 100px auto;
    z-index: 10001
}

#hijack-modal-close {
    position: absolute;
    top: 0;
    right: 0;
    padding: 3px 0;
    z-index: 10002;
    background: #fff;
    font-size: 20px
}

#hijack-modal a {
    display: block
}

#hijack-modal img {
    float: left
}

.cancel_confirmation .list_of_holds ul {
    border: 1px solid #CCCCCC;
    padding: 7px
}

.cancel_confirmation .single_hold h2 {
    float: left;
    width: 80%
}

.cancel_confirmation .single_hold img.jacketCover {
    float: right;
    width: 20%
}

.cancel_confirmation .cancel_hold_btn {
    margin-right: 10px
}

#fc_minicart {
    background-image: url("//cor-cdn-static.bibliocommons.com/assets/icon.cart-dc61afd4e1de98b41ab319093173e26e.png");
    background-repeat: no-repeat;
    background-color: rgba(62, 169, 226, 0.14);
    border: 1px solid rgba(62, 169, 226, 0.19);
    background-position: 7px 40%;
    text-align: right;
    padding: 4px 4px 5px 27px;
    display: none
}

#fc_minicart_wrapper {
    display: inline-block
}

#fc_minicart_wrapper.hidden {
    display: none
}

.digital-checkout-success {
    color: #87be6d
}

.digital-ereading-options {
    font-weight: bold;
    display: inline-block;
    margin-bottom: 10px
}

.empty_results_page ul {
    padding: 0
}

div.back_container a.back_nav_link {
    color: #666
}

div.back_container a.back_nav_link:hover {
    color: #000
}

ul.sidebar_links {
    padding: 0
}

.per_digital_service_container {
    clear: left;
    margin-top: 10px
}

.per_digital_service_container a, .per_digital_service_container a:hover {
    color: #666;
    text-decoration: underline
}

.per_digital_service_container .digital_service_breakdown {
    display: none;
    padding: 10px;
    width: 250px;
    background-color: #E4E4E4
}

.per_digital_service_container .digital_service_breakdown ul {
    padding-left: 0px
}

.per_digital_service_container .digital_service_breakdown li {
    margin-top: 5px
}

.per_digital_service_container .digital_service_breakdown li.limit_reached {
    color: red
}

.per_digital_service_container .digital_service_breakdown li span.label {
    font-weight: 600
}

.categories {
    border-right-color: #aaa
}

div.registration_info, .featured {
    border-left-color: #aaa
}

div.excerptBlock, .listItem td, .listItem {
    border-color: #f2f2f2
}

#globalSearch .autocompleter-choices li, .senderinfo {
    border-top-color: #aaa
}

.titleBlock, #accountStatus ul li {
    border-bottom-color: #aaa
}

#feedback form, select, textarea, input.text, input.password, #globalSearch .autocompleter-choices {
    border-color: #c2c2c2
}

#accountStatus {
    background: #fff
}

#accountStatus ul li ol, #accountStatus ul li ul {
    background: #f2f2f2
}

#subscription_details table tr.odd, .modal-box table tr.odd, #circulation_details table tr.odd,
#volume_details table tr.odd, .toutContent, #marc_holdings_details div.odd,
#marc_holdings_details tr.odd, #feature_toggles_tbl tr.odd {
    background: #f2f2f2
}

#userNav, #userNav a, #userNav a.userLink, #language a.userLink {
    color: #404040
}

.hover {
    background: #ffc
}

table.table td label {
    margin: 0;
    padding-left: 12px
}

.action_button_block {
    background-color: #e5e5e5;
    padding: 10px 20px 20px 20px
}

.action_button_block .btn {
    margin-top: 10px
}

.no_clearfix:after {
    clear: none !important
}

img.library_mobile_image {
    width: 32px
}

.info_page ul {
    list-style: disc
}

#mainNav, #subNav {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent
}

ul#mainNav {
    margin: 0;
    padding: 0;
    border-width: 0px
}

ul#mainNav > li {
    display: block;
    float: left;
    padding: 0;
    margin: 0 2px;
    z-index: 10
}

ul#mainNav > li:first-child {
    margin-left: 0px
}

ul#mainNav > li:last-child {
    margin-right: 0px
}

#mainNav > li a.navLabel {
    display: block;
    height: 32px;
    padding: 0 10px;
    line-height: 32px;
    text-decoration: none;
    font-size: 13px;
    white-space: nowrap;
    outline: none
}

#mainNav > li:hover a.navLabel, #mainNav > li a.navLabel:focus, #mainNav > li a.navLabel:active {
    padding: 0 9px;
    border: 1px solid;
    height: 30px
}

ul#mainNav > li.dropDown:hover > a.navLabel, ul#mainNav > li.dropDown > a.navLabel:focus,
ul#mainNav > li.dropDown > a.navLabel:active {
    height: 31px;
    border-bottom: none
}

#mainNav .extendedNav ul.second_tier {
    background: #FFF;
    border: 1px solid;
    border-top: none;
    float: left
}

#mainNav li.extendedNav.drop_shadow ul {
    -webkit-box-shadow: 1px 5px 5px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 1px 5px 5px 1px rgba(0, 0, 0, 0.2);
    box-shadow: 1px 5px 5px 1px rgba(0, 0, 0, 0.2)
}

#mainNav li.extendedNav.drop_shadow ul.second_tier {
    -webkit-box-shadow: 1px 5px 5px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 1px 5px 5px 1px rgba(0, 0, 0, 0.2);
    box-shadow: 1px 5px 5px 1px rgba(0, 0, 0, 0.2)
}

#mainNav li.drop_shadow .dropDownContent {
    -webkit-box-shadow: 1px 5px 5px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 1px 5px 5px 1px rgba(0, 0, 0, 0.2);
    box-shadow: 1px 5px 5px 1px rgba(0, 0, 0, 0.2)
}

#mainNav li.extendedNav.drop_shadow .dropDownContent, #mainNav li.extendedNav.drop_shadow ul.third_tier {
    -webkit-box-shadow: 0px 0px 0px 0px rgba(255, 255, 255, 0);
    -moz-box-shadow: 0px 0px 0px 0px rgba(255, 255, 255, 0);
    box-shadow: 0px 0px 0px 0px rgba(255, 255, 255, 0)
}

li.navColumn {
    float: left;
    margin: 10px
}

li.dropDownItem {
    white-space: nowrap;
    font-size: 1em;
    line-height: 1.5em;
    padding: 0;
    display: block
}

li.dropDownItem a {
    outline: none;
    padding: 5px 7px;
    font-size: 1em;
    line-height: 1.5em;
    padding: 5px 7px;
    display: block;
    border-bottom: 1px solid #e3e3e3;
    text-decoration: none
}

li.dropDownItem:last-child a {
    border-bottom: none
}

li.dropDownItem.indented a {
    padding-left: 15px
}

div.dropDownContent {
    position: absolute;
    display: block;
    visibility: hidden;
    top: 32px;
    border-top: none
}

#mainNav > li.dropDown:hover div.dropDownContent, #mainNav > li.dropDown a.navLabel:hover + div.dropDownContent,
#mainNav > li.dropDown:focus div.dropDownContent, #mainNav > li.dropDown a.navLabel:focus + div.dropDownContent {
    visibility: visible
}

#mainNav > li.extendedNav div.dropDownContent:hover {
    visibility: hidden
}

#mainNav > li.extendedNav div.dropDownContent ul.second_tier:hover,
#mainNav > li.extendedNav div.dropDownContent ul.second_tier:focus {
    visibility: visible
}

li.extendedNav div.dropDownContent {
    border: none;
    width: 900px;
    background: none !important;
    padding: 0px;
    margin: 0px
}

#mainNav > li.extendedNav ul.second_tier h5 {
    font-size: 1.0em;
    letter-spacing: 0.01em;
    line-height: 1.5em;
    font-weight: normal;
    color: #000;
    text-transform: uppercase;
    margin: 0 5px
}

ul.second_tier, ul.third_tier, ul.fourth_tier {
    list-style: none;
    padding: 0px;
    margin: 0px
}

ul#subNav {
    list-style: none;
    padding: 0 15px 0 0px
}

ul#subNav div {
    display: none
}

ul#subNav li {
    float: left;
    margin: 0
}

ul#subNav li a {
    text-align: center;
    padding: 0 11px 0 11px;
    display: block;
    height: 32px;
    line-height: 32px;
    text-decoration: underline
}

ul#subNav li.active a {
    text-decoration: none
}

ul#subNav.extendedSubNav li.secondaryNavHeader {
    height: 32px;
    line-height: 32px;
    padding: 0 10px 0 5px;
    font-weight: bold;
    position: relative;
    margin-right: 20px;
    text-transform: uppercase
}

ul#subNav.extendedSubNav li.secondaryNavHeader span.pointer {
    line-height: 32px;
    width: 0px;
    height: 0px;
    position: absolute;
    margin-left: 10px
}

#userNav {
    height: 22px;
    line-height: 20px
}

#userNav a {
    margin: 0 0.5em
}

#userNav .iconLink {
    margin: 0 0.5em
}

#userNav .iconLink a {
    margin: 0
}

#userNav .iconLink img {
    vertical-align: text-top;
    margin: 0 2px 0 0
}

#userNav .loggedIn {
    float: left
}

#userNav .defaultOptions {
    float: right;
    position: relative;
    z-index: 1000
}

#userNav #userAction select {
    color: #333
}

#userNav #userAction .user_nav_block {
    float: right
}

#userNav #scopeNav {
    float: left
}

#userNav #scopeNav .text {
    color: #999999;
    margin-right: 10px
}

ul.heading {
    font-size: 1.16em
}

ul.heading li {
    padding: 5px 10px 4px
}

#header.omdc #userNav {
    float: right;
    height: 20px;
    line-height: 20px;
    width: 135px;
    margin: 30px 0 0 10px;
    padding: 0
}

#header.omdc #userNav a {
    font-weight: bold;
    text-decoration: none
}

#header.omdc #topNav {
    -moz-border-radius: 0 0 20px 20px;
    -webkit-border-bottom-right-radius: 20px;
    -webkit-border-bottom-left-radius: 20px
}

#header.omdc #mainNav {
    margin: 0px;
    padding: 0 20px;
    -webkit-border-radius: 0 0 20px 20px;
    -moz-border-radius: 0 0 20px 20px
}

.scopeBlock {
    padding-right: 30px
}

.scopeBlock img {
    vertical-align: middle
}

#userNav .mySettings {
    display: inline;
    position: relative;
    width: 100px;
    z-index: 998
}

#userNav .mySettings .dropBtn {
    outline: none
}

#userNav .mySettings .dropBtn {
    margin: 0 !important
}

#userNav .mySettings .openDropDownArrow {
    z-index: 9999
}

#userNav .mySettings .dropDownContent {
    left: 0;
    width: 170px;
    z-index: 999 !important;
    top: 16px
}

#userNav .mySettings .dropDownContent li a {
    color: #333 !important
}

#page {
    width: 960px;
    margin: 0 auto;
    padding: 0
}

.bc_fixed_container {
    width: auto;
    max-width: 1170px;
    min-width: 960px;
    margin: 0 auto;
    padding: 0
}

#main {
    margin-top: 0
}

.one_col #main {
    background: #fff;
    background-image: none;
    width: 960px
}

.sidebar_and_content #main {
    background: #fff;
    background-image: none
}

#content {
    /* width: 734px;
    float: left;
    margin: 0 9px 0 0;
    position: relative;
    z-index: 1 */
}

#content .mainContent {
    width: 485px;
    float: right;
    margin: 0 0 0 -1px;
    padding: 0 0 0 15px;
    border-width: 0 0 0 1px;
    border-color: #dedede;
    border-style: solid
}

.three_col #content .mainContent {
    width: 485px
}

.one_col #content .mainContent {
    width: 711px
}

#content .secondaryContent {
    width: 198px;
    float: left;
    margin: 0;
    padding: 0 15px 0 0;
    position: relative;
    border-width: 0 1px 0 0;
    border-color: #DEDEDE;
    border-style: solid
}

#ct_list #content .secondaryContent {
    border: none !important
}

div.secondary {
    width: 217px;
    float: left;
    background: #FFF
}

.three_col #content {
    width: 510px;
    margin: 0 8px 0 8px;
    background: #fff
}

.one_col #content {
    width: 960px
}

#header {
    position: relative;
    z-index: 50;
    background-color: #FFF;
    margin: 0 0 8px 0
}

h1.header_text {
    margin: 0;
    color: #000000;
    font-size: 2em
}

h1.header_text em {
    text-decoration: none;
    font-style: normal
}

h1.header_text span.betaMarker {
    color: #B2B2B2;
    font-size: 0.5em;
    line-height: 2em;
    vertical-align: text-top;
    cursor: help
}

#header div.logo, #header div.logo_text {
    float: left;
    clear: both
}

#header div.logo_text {
    padding: 0px 10px;
    float: left
}

#header div.logo_text h1, #header div.logo_text h2 {
    color: #000;
    margin: 0px;
    text-align: left
}

#header div.logo_text h1 {
    font-size: 1em
}

#header div.logo_text h2 {
    font-size: 0.6em
}

#header #navAndSearch {
    float: right;
    width: 648px
}

#header #navBar {
    float: right;
    width: 800px
}

#header form {
    position: relative;
    margin: 0 5px 5px 0;
    clear: both
}

#header form .autocompleter-choices {
    position: absolute
}

#header form h5 {
    margin: 0 0 5px 0;
    clear: both
}

#header form h5 label {
    margin: 0px
}

#header form a.moreSearch {
    white-space: nowrap;
    text-decoration: underline;
    font-size: 10px;
    text-align: right;
    display: block
}

#header form div.searchOptions {
    float: left;
    margin-left: 135px
}

#header form div.searchOptions input[type="checkbox"], #header form div.searchOptions input[type="radio"] {
    margin: 2px;
    padding: 2px
}

.search_button {
    padding: 6px 7px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border-width: 1px;
    border-style: inset;
    border-color: rgba(255, 255, 255, 0.3);
    text-decoration: none;
    line-height: 1em;
    vertical-align: middle !important;
    cursor: pointer;
    -webkit-transition: background-color 0.2s linear, color 0.2s linear;
    -moz-transition: background-color 0.2s linear;
    font-size: 14px;
    line-height: 18px
}

#header form div.searchOptions label.search_scope_label {
    display: inline
}

#header form a.help_icon {
    top: 10px;
    margin: -5px 0 0 0
}

#header input.text {
    margin: 1px 0 0 0;
    width: 391px;
    font-size: 1.2em;
    border-width: 1px 0 1px 1px;
    padding: 4px
}

#header input.search_scope {
    width: 295px
}

#header form select {
    width: 124px;
    padding: 4px;
    font-size: 1.2em
}

#header .search_button {
    -webkit-border-radius: 0 5px 5px 0;
    -moz-border-radius: 0 5px 5px 0;
    border-radius: 0 5px 5px 0;
    font-size: 1.2em;
    line-height: normal;
    padding: 5px 10px 5px 11px;
    vertical-align: inherit !important;
    position: absolute
}

#header a.userLink, #header span.userLink, #header .mySettingsLink {
    font-size: 13px
}

#header .mySettingsLink {
    margin-left: 10px
}

#userNav a.dropLink {
    color: #000
}

#userNav .user_nav_block ul.dropDownContent {
    white-space: nowrap;
    color: #000;
    top: 20px
}

#userNav .user_nav_block ul.dropDownContent hr {
    margin: 3px
}

div#audience_select {
    float: right;
    font-weight: bold;
    margin-top: -30px;
    font-size: 1.25em
}

div#audience_select a.audienceLink {
    color: #404040;
    text-decoration: none
}

#header div#language {
    position: absolute;
    left: 5px;
    line-height: 25px
}

#header div#language .dropDownContent {
    min-width: 75px
}

#header div#language label {
    display: inline;
    color: #000;
    font-weight: normal
}

#header div#language a img, #header div#language img.openDropDownArrow {
    vertical-align: middle
}

#header div#language ul {
    padding: 0px
}

#header div#language li a {
    display: block;
    padding: 2px 10px
}

#header div#header_link {
    position: absolute
}

div#search_type_selector {
    position: absolute;
    top: 12px;
    left: 10px
}

div#search_type_selector li.selected img {
    display: inline
}

div#search_type_selector li img {
    display: none
}

div#search_type_selector a.trigger {
    cursor: pointer
}

div#search_type_selector ul.options {
    margin-top: -3px;
    background: #f2f2f2;
    border-width: 0 1px 1px 1px;
    border-style: solid;
    width: 185px;
    padding: 0
}

div#search_type_selector ul li {
    padding: 3px 0 2px 10px;
    margin: 0;
    cursor: pointer
}

div#search_type_selector ul li:hover {
    background: #d2d2d2
}

div#search_type_selector ul.closed {
    display: none
}

#useraccount_accordion.ui-widget {
    font-size: inherit;
    font-family: inherit
}

#useraccount_accordion .bc-active, .ui-state-active, #useraccount_accordion .ui-widget-content .ui-state-active,
#useraccount_accordion .ui-widget-header .ui-state-active {
    background: none;
    color: inherit
}

#useraccount_accordion .ui-widget-content {
    background: none;
    color: inherit;
    border: inherit;
    padding-right: 0
}

#useraccount_accordion .ui-icon {
    float: left
}

#useraccount_accordion h3.highlight_header {
    padding: 10px 5px;
    cursor: pointer !important;
    font-size: 18px
}

.ui-accordion-header {
    background-image: none
}

.userStatus {
    border: 1px solid #AAA;
    padding: 10px 5px 5px;
    border-top: none
}

.userStatus ul {
    margin: 3px 0 5px;
    font-weight: bold;
    padding: 0
}

.userStatus ul li {
    padding: 5px 0
}

.userStatus a {
    color: #333;
    text-decoration: none
}

.userStatus span.count a:hover {
    text-decoration: none
}

.userStatus a:hover {
    text-decoration: underline
}

.userStatus div.dataPair {
    margin: 0px;
    padding: 0px
}

.userStatus div.dataPair span.label {
    width: 60%
}

.userStatus div.dataPair span.value {
    width: 40%
}

.userStatus a span.count {
    float: right;
    text-decoration: none;
    min-width: 45px;
    padding: 0px 5px;
    text-align: center;
    border-radius: 3px;
    background-color: #FFF;
    color: #000;
    border-width: 1px;
    border-style: solid;
    border-color: #333;
    font-weight: bold;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(100, 100, 100, 0.15)), color-stop(75%, rgba(255, 255, 255, 0)))
}

.userStatus a span.fines {
    color: #A63231;
    border-color: #A63231
}

.userStatus a span.orange {
    color: #FFF;
    background-color: #FF6A00;
    border-color: #FF6A00
}

.userStatus a span.warn {
    color: #FFF;
    background-color: #DAA520;
    border-color: #DAA520
}

.userStatus a span.positive {
    color: #FFF;
    background-color: #00BF13;
    border-color: #00BF13
}

.userStatus a span.negative {
    color: #FFF;
    background-color: #A63231;
    border-color: #A63231
}

.userStatus a span.enableRecentlyReturned {
    border-width: 0px;
    color: #36C;
    background-image: none
}

h3.highlight_header {
    background-color: #f2f2f2;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(50%, #f2f2f2), to(#e2e2e2));
    border: 1px solid #dedede;
    padding: 5px 5px 5px 15px;
    margin-bottom: 0px
}

.checkedout_piece_digital_service, .holds_piece_digital_service {
    list-style-type: none
}

fieldset, input, textarea, select {
    font-size: 14px
}

fieldset {
    margin: 0
}

fieldset label {
    font-weight: normal;
    margin-top: 0.5em
}

form.list input.submit {
    margin-top: 0;
    display: inline
}

label, .label {
    font-weight: bold;
    display: block;
    margin: 1.5em 0 0.25em 0
}

label .value, .label .value {
    font-weight: normal
}

label.inactive {
    color: #999 !important
}

textarea.elementHide, div.elementHide {
    display: none
}

textarea, input.text, input.password {
    border-width: 1px;
    border-style: solid;
    padding: 4px
}

textarea {
    width: 96%;
    height: 150px
}

input.text, input.password {
    width: 200px
}

input.submit {
    margin: 0 0.5em 0 0;
    width: auto;
    vertical-align: middle
}

select {
    border-width: 1px;
    boder-style: solid;
    line-height: 23px;
    padding: 2px 2px 2px 0
}

h1 input {
    height: 1.5em;
    font-size: 1em
}

legend {
    font-weight: bold;
    margin: 0 0 0.5em 0;
    padding: 0
}

a.cancel {
    font-size: 0.916em;
    vertical-align: middle
}

div.overflowBox {
    overflow: auto;
    height: 200px
}

.help, .finePrint {
    font-size: 0.95em;
    font-weight: normal;
    margin: 0
}

.help a, a.help {
    text-decoration: underline
}

.radio input {
    display: inline
}

.bc_checkbox label, .radio label {
    display: inline;
    font-weight: normal;
    line-height: 1.75;
    vertical-align: top
}

.singleCheck .bc_checkbox {
    display: block
}

.singleCheck .bc_checkbox label, .singleCheck .bc_checkbox input {
    display: inline
}

form.loginForm label {
    margin-top: 0.5em
}

@media (max-width: 767px) {
    .loginForm input.text, .loginForm input.password {
        font-size: 16px
    }
}

.loginForm fieldset.bc_checkbox {
    margin: 1em 0
}

.input-group-addon {
    cursor: pointer
}

.ratingBlock {
    width: 92px;
    margin: 1em 0
}

.ratingBlock img.cancelRating {
    float: right;
    cursor: pointer;
    display: none;
    vertical-align: middle;
    margin-top: 8px
}

.ratingBlock:hover img.cancelRating {
    display: block
}

.starRating {
    background: url("//cor-cdn-static.bibliocommons.com/assets/icon.stars.new-94fcec94c1bc28e102abe8740c1a5f86.png");
    position: relative;
    z-index: 1;
    width: 75px;
    height: 15px;
    overflow: hidden;
    list-style: none;
    margin: 0;
    padding: 0;
    background-position: 0px 45px
}

.starRating.averageRating {
    background-position: 0px 75px
}

.starRating.otherUserRating {
    background-position: 0px 15px
}

.starRating a {
    position: absolute;
    top: 0;
    left: 0;
    text-indent: -1000em;
    line-height: 13px;
    outline: none;
    overflow: hidden;
    border: none
}

.starRating a:hover {
    background: url("//cor-cdn-static.bibliocommons.com/assets/icon.stars.new-94fcec94c1bc28e102abe8740c1a5f86.png");
    background-position: 0px 60px
}

.starRating a:active {
    background: url("//cor-cdn-static.bibliocommons.com/assets/icon.stars.new-94fcec94c1bc28e102abe8740c1a5f86.png");
    background-position: 0px 60px
}

.starRating a:focus {
    background: url("//cor-cdn-static.bibliocommons.com/assets/icon.stars.new-94fcec94c1bc28e102abe8740c1a5f86.png");
    background-position: 0px 60px
}

.starRating a.star-1, .rated_1 {
    width: 7px;
    z-index: 11
}

.starRating a.star-2, .rated_2 {
    width: 15px;
    z-index: 10
}

.starRating a.star-3, .rated_3 {
    width: 22px;
    z-index: 9
}

.starRating a.star-4, .rated_4 {
    width: 30px;
    z-index: 8
}

.starRating a.star-5, .rated_5 {
    width: 37px;
    z-index: 7
}

.starRating a.star-6, .rated_6 {
    width: 45px;
    z-index: 6
}

.starRating a.star-7, .rated_7 {
    width: 52px;
    z-index: 5
}

.starRating a.star-8, .rated_8 {
    width: 60px;
    z-index: 4
}

.starRating a.star-9, .rated_9 {
    width: 67px;
    z-index: 3
}

.starRating a.star-10, .rated_10 {
    width: 75px;
    z-index: 2
}

.starRating .currentRating {
    background: url("//cor-cdn-static.bibliocommons.com/assets/icon.stars.new-94fcec94c1bc28e102abe8740c1a5f86.png");
    background-position: 0px 60px;
    position: absolute;
    top: 0;
    left: 0;
    height: 15px;
    line-height: 13px;
    overflow: hidden;
    border: none;
    z-index: 1;
    margin: 0;
    padding: 0
}

.starRating.averageRating .currentRating {
    background-position: 0px 90px
}

.starRating.otherUserRating .currentRating {
    background-position: 0px 30px
}

.starRating.averageRating a, .starRating.otherUserRating a {
    display: none
}

.starRating li {
    display: inline
}

.view_medium .starRating {
    margin-top: 0.5em
}

#ct_item .ratingBlock.read-only .starRating {
    margin-top: 0
}

.userRatingBlock {
    clear: both;
    background-repeat: repeat-x;
    background-position: 0px -75px;
    height: 15px;
    width: 75px;
    display: inline-block;
    background-image: url("//cor-cdn-static.bibliocommons.com/assets/icon.stars.new-94fcec94c1bc28e102abe8740c1a5f86.png")
}

.userRating {
    background-image: url("//cor-cdn-static.bibliocommons.com/assets/icon.stars.new-94fcec94c1bc28e102abe8740c1a5f86.png");
    display: inline-block;
    background-repeat: repeat-x;
    background-position: 0px -60px;
    height: 15px
}

.averageRatingBlock {
    clear: both;
    background-repeat: repeat-x;
    background-position: 0px -15px;
    height: 15px;
    width: 75px;
    display: inline-block;
    background-image: url("//cor-cdn-static.bibliocommons.com/assets/icon.stars.new-94fcec94c1bc28e102abe8740c1a5f86.png")
}

.averageRating {
    background-image: url("//cor-cdn-static.bibliocommons.com/assets/icon.stars.new-94fcec94c1bc28e102abe8740c1a5f86.png");
    display: inline-block;
    background-repeat: repeat-x;
    background-position: 0px 0px;
    height: 15px
}

.allFilters .filterList {
    background: #fff;
    padding: 0 15px 15px 15px
}

.allFilters .filterList ul {
    float: left;
    width: 140px;
    margin: 0 25px 0 0
}

.allFilters .filterList ul li {
    margin: 0.5em 0
}

div.dataPair .value.date {
    position: relative
}

div.dataPair .value.date .suspend_end_editor_link.editBtn {
    position: relative
}

.popup-box-ie-position .content form {
    min-width: 280px
}

.popup-box-ie-position {
    position: absolute;
    z-index: 10000
}

.popout-box {
    position: absolute;
    z-index: 99;
    background-color: #FFFFFF;
    border: 1px solid #CCC;
    margin: 10px auto;
    padding: 10px;
    text-align: center;
    -moz-box-shadow: 1px 1px 1px 1px #DDD;
    -webkit-box-shadow: 1px 1px 1px 1px #DDD;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    display: none
}

.popout-box-border {
    border-color: transparent #CCC transparent transparent;
    border-style: solid;
    border-width: 10px;
    height: 0;
    width: 0;
    position: absolute;
    bottom: 110px;
    left: -21px
}

.popout-box-arrow {
    border-color: transparent #FFF transparent transparent;
    border-style: solid;
    border-width: 10px;
    height: 0;
    width: 0;
    position: absolute;
    bottom: 110px;
    left: -19px
}

.popupContent .button.cancel.right {
    margin-right: 20px
}

#popout-box-content {
    text-align: left
}

#popout-box-content textarea {
    min-width: 250px;
    max-height: 300px
}

#popout-box-content .messaging {
    max-width: 250px !important
}

#popout-box-content .filterList {
    max-width: 600px;
    max-height: 400px;
    overflow-y: auto
}

#popout-box-content .filterList ul {
    width: 190px;
    float: left
}

.userBlock {
    line-height: 1.5;
    padding: 2px 0 0 0px;
    margin-top: -2px;
    display: inline-block;
    vertical-align: bottom
}

.userBlock img {
    vertical-align: middle
}

.userIcons {
    margin: 0 0 0 5px
}

.userBlock .meIcon {
    top: 3px;
    left: 4px
}

.editor, .noEdit {
    margin: 0
}

.editor h3, .noEdit h3 {
    margin-bottom: 0.25em
}

.editor h4, .noEdit h4 {
    margin-bottom: 0
}

.editor a.button {
    display: inline;
    cursor: pointer;
    margin-right: 10px
}

.editor select {
    width: 200px
}

.editor h3 a.button, .editor h4 a.button {
    font-weight: normal
}

.editor textarea, .editor input.text, .editor fieldset {
    display: none;
    width: 210px;
    margin: 0;
    text-align: left !important
}

.editor fieldset.bc_checkbox {
    display: block
}

.editor fieldset {
    width: 225px
}

.editor textarea, .detailForm textarea {
    font-size: 1.15em;
    height: 350px
}

@media screen and (min-width: 768px) {
    .editor textarea, .detailForm textarea {
        width: 80%
    }
}

.editor input.text {
    font-size: 1.15em
}

.advisory textarea {
    height: 200px;
    width: 200px
}

textarea.video_embed_code, textarea.video_description {
    height: 150px
}

.editor textarea {
    height: 6em
}

.editor a.saveButton, .editor .saveButton {
    display: none
}

#bib-medium .editor .title, .editor .title {
    display: inline;
    margin: 0 0 0 10px
}

.editor .help {
    margin-left: 0
}

.editor h1 .value {
    margin: 0
}

.editor .editorButtons {
    display: none
}

hr.form_divider {
    border-color: #adadad;
    background-color: #adadad
}

@media screen and (min-width: 768px) {
    .overlay-body .itemDetailsContent form {
        padding-left: 40px
    }
}

.itemDetailsContent form .link_cancel {
    line-height: 37px
}

.itemDetailsContent form fieldset {
    padding-top: 7px;
    padding-bottom: 7px
}

.itemDetailsContent form .tagEditor {
    padding-top: 7px;
    padding-bottom: 7px
}

.itemDetailsContent form .tagEditor fieldset {
    padding-top: 0;
    padding-bottom: 0
}

.itemDetailsContent form textarea {
    resize: none
}

.tags_title_wrapper {
    display: inline-block;
    padding-right: 1.5em;
    position: relative
}

.tags_title_wrapper #aria_tags {
    display: inline-block
}

.tags_title_wrapper .help_icon {
    top: .75em;
    right: 0
}

.editor.openEdit .editorButtons {
    display: block
}

.editorButtons {
    margin-top: 0.5em
}

#editor_buttons {
    display: block;
    float: left;
    clear: both;
    width: 96%;
    font-size: 14px
}

#editor_buttons input.btn {
    font-size: 14px
}

#editor_buttons > .row {
    padding-left: 15px;
    margin-right: 0
}

#editor_buttons > .row input.btn-primary {
    margin-right: 15px
}

@media screen and (max-width: 767px) {
    #editor_buttons > .row input.btn-primary {
        margin-right: 0;
        width: 100%
    }
}

#editor_buttons > .row .col-sm-6 {
    padding-bottom: 10px;
    padding-right: 0
}

.openEdit a.saveButton, .openEdit img.saveButton {
    display: inline
}

.openEdit a.editButton, .openEdit img.editButton {
    display: none
}

.openEdit textarea, .openEdit fieldset, .openEdit input.text {
    display: block
}

.openEdit .value {
    display: none
}

.openEdit .edit {
    float: left
}

.openEdit h1 input.text {
    display: inline;
    width: 100%;
    height: 1em
}

.tagEditor {
    margin: 0.5em 0
}

.tagEditor .autocompleter-choices {
    border-width: 1px;
    border-style: solid;
    background: #fff;
    position: absolute;
    width: 190px;
    margin: 0
}

.tagEditor .autocompleter-choices li {
    margin: 0;
    padding: 2px
}

.tagEditor .autocompleter-choices li.hover, .tagEditor .autocompleter-choices li.autocompleter-selected {
    cursor: pointer;
    background: #efefef
}

.tagEditor ul.currentTags {
    margin: 0.5em 0 0 0
}

.tagEditor ul.currentTags li {
    display: block;
    float: left;
    border: 1px solid #DEDEDE;
    background: url("//cor-cdn-static.bibliocommons.com/assets/background.tag-2f09c5586130e26f608a861fea098f69.png");
    margin: 0 5px 5px 0;
    font-size: 0.916em;
    padding: 0 4px 0 0;
    height: 19px;
    white-space: nowrap
}

.tagEditor ul.currentTags li img {
    margin: 0 2px 0 0;
    vertical-align: middle
}

.displayTags {
    margin: 1em 0 0 0
}

.tags p {
    margin-top: 0.25em
}

.age_suitability input.text {
    width: 2em;
    display: inline
}

.similarTitles .editButton, .similarTitles.openEdit .editButton {
    display: block
}

ul.similarTitles, ul.linkList {
    list-style-image: url("//cor-cdn-static.bibliocommons.com/assets/bullet.arrow-eb6c2169a4a625e93ce29c988b3c0020.png");
    list-style-type: disc
}

ul.editSimilarTitles li img, ul.editSimilarTitles li a {
    vertical-align: middle
}

ul.editSimilarTitles li .title a, ul.editSimilarTitles li .title {
    font-weight: normal
}

ul.editSimilarTitles li {
    line-height: 1.25;
    margin: 0.5em 0 0 0
}

ul.similarTitles li, ul.linkList li {
    line-height: 1.25;
    margin: 0.5em 15px 0 15px
}

ul.editSimilarTitles li img {
    display: block;
    width: 20px;
    float: left
}

ul.editSimilarTitles li a {
    display: block;
    float: left
}

.multiEdit h3 {
    margin: 0
}

.multiEdit form.part {
    margin: 0.5em 0 1em 0
}

.multiEdit p.noEdit {
    display: block;
    margin: 1em 0
}

.multiEdit p.value a.editButton {
    margin: 0 5px 0 0
}

.multiEdit p.value {
    display: block;
    float: left;
    width: 150px;
    margin: 0
}

.multiEdit a.delete {
    display: block;
    float: left;
    margin: 0 5px 0 0
}

.multiEdit .openEdit a.delete {
    margin: 0
}

.multiEdit .openEdit p.value {
    display: none
}

.advisory p {
    margin-top: 0
}

.urlEditor input.text {
    width: 95%
}

.listItemTitleEditor .value {
    font-size: 1.166em;
    line-height: 1.2
}

.listItemTitleEditor .value a {
    font-weight: bold
}

.listItemTitleEditor input.text {
    width: 95%
}

.list {
    margin-bottom: 1em
}

.bottom_list {
    margin-top: 1em
}

.quantitySelector {
    float: left;
    margin-left: 20px
}

.quantitySelector select {
    vertical-align: middle
}

.quantitySelector label {
    display: inline;
    font-weight: normal
}

#mylists td.select, .ui-combobox input {
    width: 25px
}

.viewSelect .ui-combobox .ui-combobox-input {
    width: 130px;
    display: inline-block
}

.listButtons {
    margin-top: 15px;
    position: relative;
    margin-bottom: 15px
}

.listButtons .viewSelect {
    float: right
}

.listButtons .sort_selector {
    position: absolute;
    top: -34px
}

.selectOptions {
    float: left
}

.selectOptions span.label {
    display: inline
}

.selectOptions a {
    text-decoration: underline
}

.pageInfo {
    padding: 0 0 1em;
    line-height: 26px
}

.pageInfo select {
    font-size: 0.916em
}

.pageInfo p.total {
    margin: 0;
    float: left
}

.pageInfo p.points {
    margin: 0 0 0 20px;
    float: left
}

.borrowing_list .pagination {
    width: 100%;
    margin-bottom: 10px
}

.viewSelect {
    float: right;
    width: 335px;
    text-align: right;
    line-height: 25px;
    vertical-align: middle
}

#rangeSelect {
    float: left;
    margin-top: 0
}

#sortSelector {
    float: right;
    margin-top: 0
}

.borrowing_list .sort_selector {
    text-align: right
}

.viewSelect .ui-combobox .ui-combobox-input, .borrowing_list .sort_selector .ui-combobox .ui-combobox-input {
    border: none;
    background: #FFF;
    text-align: right;
    text-decoration: underline
}

.viewSelect .ui-combobox .ui-combobox-toggle, .borrowing_list .sort_selector .ui-combobox .ui-combobox-toggle {
    background: #eee;
    height: 1.3em;
    margin: 0 3px -3px 0
}

#viewSelector {
    margin: 0 5px 0 10px;
    display: inline-block;
    font-size: 11px
}

#viewSelector a {
    height: 23px;
    vertical-align: middle
}

.listButtons, .searchListButtons {
    padding: 0 0 0.5em 0
}

.listButtons.left {
    margin-top: 20px
}

#trigger_print_list.open span.closed, #trigger_print_list.closed span.opened {
    display: none
}

.listButtons input, .listButtons select {
    margin-top: 0
}

.listButtons input {
    margin: 0 5px 0 0;
    display: inline
}

.searchListButtons {
    position: absolute;
    bottom: 20px;
    right: 20px
}

.searchListButtons #viewSelector {
    margin: 0 4px 0 10px
}

.search_list_buttons_wrapper {
    position: relative
}

.viewSelect #sortSelector {
    float: right;
    max-width: 195px
}

.viewSelect select.sortSelector {
    margin-left: 5px
}

.listItem {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    padding: 10px 10px 10px 0;
    z-index: 1
}

.listItem ul {
    padding: 0;
    margin: 0
}

.z_two {
    z-index: 2
}

tr.listItem {
    position: static
}

#bib-small .listItem {
    padding: 5px 10px 5px 0
}

.listItem img.pin {
    display: none
}

.listItem .label {
    font-weight: normal;
    margin: 0
}

.listItem .col .label {
    margin-top: 0
}

.listItem .col {
    float: left;
    width: 220px;
    margin: 0 10px 0 0
}

.listItem .spinner {
    float: right;
    width: 16px;
    height: 16px;
    padding: 2px;
    border-width: 1px
}

.listItem .spinner img {
    margin: 0px;
    vertical_align: top
}

.listItem .itemButtons {
    float: right;
    width: 150px
}

.listItem .itemButtons.smallButtons {
    width: 149px
}

.saveToButton hr {
    margin: 0.25em 0
}

.saveToButton ul {
    overflow: auto
}

.dragMe {
    text-align: right;
    position: absolute;
    top: 5px;
    right: 5px;
    width: 15px;
    height: 20px;
    margin: 0 0 0 0;
    cursor: pointer;
    display: block;
    width: 20px;
    height: 40px;
    z-index: 999999
}

.listItem .itemsCheckbox {
    vertical-align: top;
    float: left;
    display: block;
    margin: 0 5px 0 0
}

.private {
    display: block;
    float: left
}

#bib-medium .private {
    margin: 3em 0 0 -22px
}

#bib-small .private {
    margin: 1.6em 0 0 -22px
}

.listItem .jacketCoverLink {
    margin: 0 10px 0 0;
    padding: 0;
    float: left;
    vertical-align: top
}

.listItem .jacketCoverDiv {
    margin: 0 10px 0 0;
    padding: 0;
    float: left;
    vertical-align: top
}

#bib-medium .info {
    float: left;
    width: 460px
}

#bib-small .info {
    float: left;
    width: 530px
}

.mainContent #bib-medium .info {
    float: left;
    width: 220px
}

.mainContent #bib-medium .noCover {
    float: left;
    width: 330px
}

.mainContent #bib-small .info {
    float: left;
    width: 90%
}

.mainContent #bib-medium .url {
    width: 325px
}

.mainContent #bib-medium .url p {
    margin: 2px
}

.mainContent .editable #bib-medium .url {
    width: 265px;
    float: left
}

#bib-medium .ratingBlock {
    margin: 0
}

#bib-medium .ratingBlock span.button {
    padding: 0;
    line-height: 13px
}

#bib-medium .title {
    display: block
}

#bib-medium .title_extension {
    font-family: 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Verdana, sans-serif
}

#bib-small .title {
    font-size: 1em;
    display: block
}

.listItem .title {
    font-size: 20px
}

.listItem .title a {
    font-weight: normal
}

.item_available, .item_available_in_local_branch, .item_available_in_home_branch,
.item_available_in_preferred_branch, .item_not_available, .item_on_order {
    margin: 0 2px
}

.listItem .call_number {
    margin-top: 0.5em
}

.listItem .item_download {
    display: block
}

#bib-medium .author {
    display: block
}

.author {
    margin: 3px 6px 0px 0
}

.format {
    color: #666;
    display: block;
    margin-bottom: 10px
}

.listItem .subTitle {
    display: block;
    font-size: 16px
}

#bib-medium .listItem .subTitle {
    font-weight: normal;
    display: block;
    white-space: normal;
    line-height: 1.4;
    margin-bottom: 3px
}

.category {
    display: block;
    font-weight: bold;
    margin: 0.25em 0
}

.info div.dataPair {
    padding: 0
}

.info .title a, .info .subTitle {
    max-width: 245px;
    text-overflow: ellipsis;
    display: inline-block;
    overflow-wrap: break-word;
    word-wrap: break-word
}

#bib-medium .subcontent_btn {
    text-decoration: underline;
    color: #666
}

#bib-medium .subcontent ul {
    padding-left: 10px
}

#bib-medium .subcontent li {
    list-style-type: square
}

.activeFilters {
    padding: 0 15px 15px 15px
}

.filterList {
    padding: 10px
}

.static_facets form.facet.bc_checkbox {
    margin: 0 0 .75em 0
}

.static_facets form.facet.single {
    margin: 0 0 .75em
}

.boolean label, .boolean input {
    margin: 0
}

.filterList h3 {
    font-size: 16px;
    margin: 5px 0;
    text-transform: capitalize;
    font-weight: 600
}

.filterList h4 {
    font-size: 16px
}

.filterList ul li {
    margin: 0px
}

.filterList ul li.collapsable {
    margin-left: 10px
}

.filterList ul li.collapsable ul {
    margin-left: 0px
}

.filterList ul li.collapsable ul li {
    margin-left: 0px
}

.filterList ul li ul {
    list-style-type: none
}

.filterList ul li ul li {
    margin-left: 0px
}

.filterList ul li.micro_formats {
    margin: 0px
}

.clearfix.expand_buttons {
    display: inline-block;
    float: right
}

.expandBtn.more {
    display: inline-block;
    float: left
}

.expand.open .expandBtn.more {
    display: none
}

.filterList ul li.remaining_filters {
    display: none
}

.filterList select {
    width: 160px;
    margin-bottom: 10px
}

.filterList .multiple, .filterList .expand {
    margin-bottom: 1em
}

.filterList .collapsed {
    margin-bottom: 0
}

.facet div.hide_facet {
    display: none
}

label.facet_label {
    font-weight: normal;
    display: inline;
    color: #000
}

label.facet_label:hover {
    text-decoration: underline
}

.appliedFilters ul li {
    margin-left: 6px
}

.appliedFilters ul li {
    margin-left: 6px
}

.itemDetails .bibInfo {
    margin: 0.5em 0 0 0
}

.itemDetailsContent {
    padding: 0 10px
}

.itemDetailsContent p.noContent {
    margin: 0 0 0.5em 0
}

.itemDetailsContent h3 {
    margin-bottom: 0.25em
}

.holdsRequestBlock {
    padding: 5px 0 5px 5px;
    border: 1px solid #fff
}

.holdsRequestBlock h4 {
    margin: 0
}

.holdsRequestBlock fieldset {
    margin: 0.25em 0 0.5em 0
}

.holdsRequestBlock select {
    margin: 0.5em 0;
    width: 165px
}

.holdsRequestBlock label {
    font-weight: bold
}

.holdsRequestBlock .expiryDate .day, .holdsRequestBlock .expiryDate .month,
.holdsRequestBlock .expiryDate .year, .circulation #holds .expiryDate .day,
.circulation #holds .expiryDate .month, .circulation #holds .expiryDate .year {
    display: inline
}

.holdsRequestBlock .expiryDate .day, .holdsRequestBlock .expiryDate .month,
.circulation #holds .expiryDate .day, .circulation #holds .expiryDate .month {
    margin-right: 3px
}

.holdsRequestBlock .expiryDate .day select, .holdsRequestBlock .expiryDate .month select,
.holdsRequestBlock .expiryDate .year select, .circulation #holds .expiryDate .day select,
.circulation #holds .expiryDate .month select, .circulation #holds .expiryDate .year select {
    width: auto
}

.holdsRequestBlock #expires_in_select select {
    width: auto
}

.holdsRequestBlock #enable_single_click_holds .bc_checkbox {
    white-space: nowrap
}

.holdsRequestBlock #enable_auto_checkout_holds .bc_checkbox {
    white-space: nowrap
}

.holdsRequestBlock #expires_in_select label {
    margin: 5px 0;
    font-weight: normal
}

.holdInfoMsgBlock {
    border: 1px solid #ccc;
    margin: 1em 0;
    padding: 10px;
    background: #fff
}

.holdInfoMsgBlock a {
    text-decoration: underline;
    color: #039
}

.holdsRequestBlock .holdInfoMsgBlock a {
    margin-left: 0
}

.holdsRequestBlock fieldset {
    margin: 0;
    padding: 0
}

.holdInfoMsgBlock p {
    margin: 0;
    font-size: 13px;
    line-height: 10px
}

.holdsRequestBlock .bootstrap-select.btn-group .btn .filter-option {
    width: auto
}

.holdsRequestBlock .btn {
    margin-top: 25px
}

.holdsRequestBlock .bootstrap-select.btn-group .btn {
    margin-top: 5px
}

.holdsRequestBlock .bootstrap-select > .btn {
    padding-right: 25px
}

#popout-box-content .holdsRequestBlock fieldset.expiryDate {
    white-space: nowrap
}

td.select {
    width: 15px
}

td.select_option {
    width: 115px;
    max-width: 115px
}

.modal-box td {
    line-height: 140%
}

.searchlist_table td span.subTitle {
    padding: 5px 0
}

td.select_option .messaging {
    max-width: 115px
}

td.private {
    width: 15px;
    float: none
}

a.tOc {
    display: inline;
    margin: 0 0 0 5px
}

.item_download a.button {
    font-size: 1em
}

div.listItem.disabled {
    opacity: 0.5;
    overflow: hidden
}

div.listItem div.disabled_overlay {
    display: none;
    background-color: rgba(100, 100, 100, 0.4);
    color: #FFF;
    font-size: 20px;
    height: 180px;
    left: 0;
    padding: 10px;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 100000
}

div.listItem.disabled div.disabled_overlay {
    display: block
}

.z_two {
    z-index: 2
}

#listContentUpdates {
    visibility: hidden;
    border: 1px solid #999;
    border-width: 1px 0;
    background-color: #eee;
    padding: 0px;
    opacity: 0;
    font-size: 14px;
    color: #000;
    text-align: center;
    -webkit-transition: linear all 0.3s;
    background-image: -webkit-gradient(linear, left top, right top, from(#eee), color-stop(10%, #ddd), color-stop(90%, #ddd), to(#eee))
}

#listContentUpdates.show {
    visibility: visible;
    padding: 5px;
    opacity: 1;
    -webkit-transition: linear all 0.31s
}

.digital_col .format {
    float: left
}

.digital_col .submit_button {
    float: left
}

.list_text_info {
    display: inline-block;
    float: left;
    width: 250px
}

.list_text_info .total {
    margin: 0px
}

.list_buttons_info {
    display: inline-block;
    float: right;
    width: 240px
}

.borrowing_list .list_buttons_info #viewSelector {
    margin: 0 5px 0 5px
}

.borrowing_list .sort_selector {
    margin: 10px 0
}

#updated_fines_page + .borrowing_list {
    margin-top: 10px
}

.shelf_actions .clearfix:after {
    display: block !important
}

.shelf_actions .clearfix:before {
    display: none !important
}

.lt_responsive #bibList {
    margin-top: 0px
}

.lt_responsive #bibList .jacketCover.medium {
    width: 75px
}

.lt_responsive #bibList .primary_bib_info div, .lt_responsive #bibList .primary_bib_info span {
    float: none
}

.expand .less, .expand .all, .expand .more {
    margin: 0.5em 0 0 0;
    cursor: pointer;
    font-size: 13px
}

.expand .all {
    float: right
}

.expand .less {
    float: left
}

.expand .extra, .expand .all, .expand .less {
    display: none
}

.expand .more {
    display: block
}

.open .more {
    display: none
}

.open .extra {
    display: list-item
}

.open .all, .open .less {
    display: block
}

.expand span.open {
    display: inline
}

.expand .expand_buttons {
    margin-left: 15px
}

.expand {
    margin: 0
}

.expand ul {
    margin: 0;
    padding: 0
}

.expand ul li {
    line-height: 1.25;
    margin: 0.5em 15px 0 15px;
    white-space: normal;
    word-wrap: break-word
}

.messaging {
    opacity: 0;
    visibility: hidden;
    position: fixed;
    top: 0px;
    left: 33%;
    width: 500px;
    -webkit-border-radius: 0px 0px 3px 3px;
    -moz-border-radius: 0px 0px 3px 3px;
    border-radius: 0px 0px 3px 3px;
    z-index: 1000001;
    background-color: #000000;
    color: #FFFFFF;
    -webkit-box-shadow: #303030 0px 0px 10px;
    -moz-box-shadow: #303030 0px 0px 10px;
    box-shadow: #303030 0px 0px 10px;
    -webkit-transition: all linear 0.4s;
    -moz-transition: all linear 0.4s;
    transition: all linear 0.4s;
    max-width: 100vw
}

.messaging a.link_contextual:hover, .messaging a.nevermind_link:hover {
    color: inherit
}

.reader-message {
    opacity: 1;
    visibility: visible;
    display: none;
    top: 45px;
    padding: 10px;
    box-sizing: border-box
}

.displayMessage .messageContent.top_message {
    margin-top: 5px
}

.inPage {
    position: static;
    background-color: #CECECE;
    color: #404040;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border-radius: 3px;
    z-index: 100
}

div.inPage {
    left: 0;
    position: relative
}

div.inPage, div.inPage .messageContent {
    width: auto
}

.displayMessage {
    opacity: 0.9;
    visibility: visible
}

.messaging p {
    margin: 0.2em;
    font-size: 14px;
    padding: 5px
}

.inPage .messageContent p.first {
    margin: 0;
    padding: 0
}

.messaging p.message-text {
    max-width: 100%;
    min-height: 36px;
    word-wrap: break-word
}

.messageContent {
    width: 430px;
    margin-left: 40px;
    margin-right: 30px
}

.messageContent .message-icon {
    position: absolute;
    left: 10px;
    top: 7px
}

.inPage .messageContent {
    width: 390px;
    margin-right: 5px
}

@media only screen and (min-device-width: 320px) and (max-device-width: 568px) {
    .top_message {
        max-width: 250px
    }

    .top_message p {
        width: 100%
    }
}

#pendingMessages .messaging {
    display: block;
    position: static;
    height: 45px;
    width: 100%;
    margin: 5px 0px
}

#pendingMessages .messaging p {
    padding: 12px 5px
}

.messaging div.closeButton {
    position: absolute;
    top: 5px;
    right: 5px;
    cursor: pointer
}

.messaging p a {
    color: #39F
}

input[type=text].error, input[type=password].error, input[type=email].error,
select.error, textarea.error {
    border-color: #AC4130;
    border-width: 2px;
    background-image: none
}

label.error {
    background-image: none;
    font-weight: normal;
    color: #ac4130;
    padding: 0px;
    margin: 2px 0 5px 0
}

div.systemMessages {
    background: #EFEFEF;
    border: 1px solid #CECECE;
    margin-bottom: 1em
}

div.systemMessages div.sys_message {
    position: relative;
    padding: 5px 45px 5px 10px;
    margin: 0px
}

div.systemMessages div.sys_message:hover {
    background: #e3e3e3
}

div.systemMessages div.sys_message p {
    display: inline
}

div.systemMessages div.sys_message a.close_btn {
    color: #000000;
    position: absolute;
    right: 0;
    text-align: center;
    width: 40px
}

div.systemMessages .systemMessageIcon {
    font-size: 16px
}

div.systemMessages .systemMessageIcon.critical {
    color: #9B0000
}

div.systemMessages .systemMessageIcon.high {
    color: #DB2323
}

div.systemMessages .systemMessageIcon.medium {
    color: #FCBC28
}

div.systemMessages .systemMessageIcon.low {
    color: #287DFC
}

.top_message {
    padding: 7px;
    float: left;
    max-width: 100%
}

@media screen and (max-width: 500px) {
    .top_message {
        max-width: -webkit-calc(100vw - 50px);
        max-width: calc(100vw - 50px)
    }
}

.top_message p {
    float: left
}

.top_message .spacer {
    display: block;
    clear: both;
    min-width: 380px;
    height: 10px
}

@media (max-width: 767px) {
    .messaging {
        max-width: 100%;
        left: 0;
        top: inherit;
        bottom: 0px
    }
}

div.majorMessageBlock {
    overflow-y: auto;
    text-align: center;
    max-height: 300px
}

div.messageGroup {
    margin-top: 20px;
    margin-bottom: 20px
}

h3.groupHeader {
    display: inline;
    line-height: 35px;
    vertical-align: top
}

img.groupImg {
    display: inline
}

p ~ .message_bullets {
    float: left
}

ul.message_bullets li {
    list-style-type: disc;
    list-style-position: inside;
    margin-left: 5px
}

.dropDown {
    position: relative
}

.dropDown.openDropDown {
    z-index: 2000
}

.openDropDownArrow {
    visibility: hidden
}

.openDropDown .dropDownArrow {
    visibility: hidden
}

.userBlock .openDropDownArrow, .openDropDown .openDropDownArrow {
    visibility: visible;
    display: inline
}

.dropDownContent {
    display: block;
    visibility: hidden;
    position: absolute;
    margin: 0;
    left: 0;
    top: 24px;
    border-style: solid;
    border-width: 1px;
    list-style-type: none;
    padding: 5px;
    background-color: #FFF
}

.userBlock .dropDownContent {
    top: 18px
}

.openDropDown .dropDownContent {
    visibility: visible
}

#add_to_dropdown .dropDownContent.openDropDown {
    min-width: 120px;
    margin-top: 7px
}

.scopeBlock .dropDownArrow, .scopeBlock .openDropDownArrow {
    position: absolute;
    right: 0;
    margin: 0 0.5em
}

.scopeBlock .dropDownContent {
    right: 0;
    left: auto;
    width: 240px;
    background-color: #F8F8F8
}

.scopeBlock .dropDownContent li {
    margin: 0 0.5em;
    font-size: 11px
}

#userNav .scopeBlock .dropDownContent a {
    margin: 0
}

.itemButtons div.dropDownContent, #list_actions div.dropDownContent {
    top: 25px;
    left: -1px;
    border-top-style: solid;
    border-top-width: 1px
}

.itemButtons .openDropDown .openDropDownArrow, #list_actions .openDropDown .openDropDownArrow {
    top: 7px
}

.dropDown.editButton.openDropDown {
    z-index: 2000
}

.bc_checkbox label, .bc_checkbox input {
    cursor: pointer
}

.dropDown.editButton.openDropDown .dropDownContent.openDropDown {
    z-index: auto;
    display: block
}

.dropDown.editButton.openDropDown {
    z-index: 2000
}

.dropDown.editButton.openDropDown .dropDownContent.openDropDown {
    z-index: auto;
    display: block
}

.selectBox {
    cursor: pointer;
    background: url("//cor-cdn-static.bibliocommons.com/assets/background.selectbox.front-b4557e12933fd533b770199556b47ea3.png") no-repeat;
    padding: 0 0 0 4px;
    position: relative;
    font-size: 0.916em;
    z-index: 10
}

.selectBox .currentSelection {
    background: url("//cor-cdn-static.bibliocommons.com/assets/background.selectbox-ca7ebb604cf0c3ad452a7e8a4a7f8433.png") repeat-x;
    border: none;
    padding: 0;
    line-height: 1;
    height: 22px;
    color: #333;
    float: left;
    font-weight: normal;
    padding: 0 5px;
    line-height: 22px;
    font-size: 1em;
    overflow: hidden
}

.selectBox .button {
    margin: 0;
    padding: 0;
    float: left
}

.selectBox select {
    display: none
}

.selectBox ul {
    display: none
}

.openSelectBox {
    z-index: 9999
}

.openSelectBox ul {
    margin: 0 0 0 -1px;
    display: block;
    position: absolute;
    top: 21px;
    left: 5px;
    z-index: 9999;
    background: #fff url("//cor-cdn-static.bibliocommons.com/assets/background.selectbox.options-66739a324abb5361fde4cb59b1f515d3.png") repeat-x;
    border-width: 1px;
    border-style: solid;
    border-color: #ccc;
    max-height: 20em;
    overflow: auto;
    padding: 0
}

.openSelectBox ul li {
    margin: 0 5px;
    padding: 5px 0;
    cursor: pointer;
    display: block
}

.openSelectBox ul li.hover {
    background: none
}

.openSelectBox ul li.disabled {
    cursor: default;
    color: #aaa;
    padding: 2px 5px
}

.openSelectBox ul li.divider {
    height: 1px;
    background: #ccc;
    color: #ccc;
    padding: 0
}

.secondary .openSelectBox ul {
    border-width: 1px 1px 2px 1px
}

#globalSearch {
    position: relative;
    z-index: 900
}

#globalSearch .autocompleter-choices {
    border-width: 1px;
    border-style: solid;
    background: #FFF;
    position: absolute;
    margin: 0;
    z-index: 10000
}

#globalSearch .autocompleter-choices li {
    margin: -1px 0 0 0;
    padding: 2px 10px;
    z-index: 10000
}

#globalSearch .autocompleter-choices li p {
    margin: 0;
    padding: 0;
    z-index: 10000
}

#globalSearch .autocompleter-choices li p.seeTag {
    padding-left: 15px;
    z-index: 10000
}

#globalSearch .autocompleter-choices li p.seeTag span.prefix {
    font-variant: lowercase;
    font-style: italic
}

#globalSearch .autocompleter-choices li:hover, #globalSearch .autocompleter-choices li.autocompleter-selected {
    cursor: pointer;
    background: #dedede;
    z-index: 10000
}

#globalSearch .autocompleter-choices li span.autocompleter-queried {
    font-weight: bold;
    z-index: 10000
}

.spinner {
    display: none;
    z-index: 9000;
    background-color: #515151;
    border-radius: 5px;
    opacity: 0.8
}

.spinner img {
    margin: 5px;
    vertical-align: text-top
}

.activeSpinner {
    display: block
}

#globalSpinner {
    position: fixed;
    top: 50%;
    left: 45%
}

#content .secondaryContent.search_facets, .sidebar_and_content #main .secondaryContent.search_facets {
    padding: 0px;
    width: 213px;
    border: 0px
}

.filterList.facets .multiple, .filterList .expand {
    margin-bottom: 0px
}

.facets .collapseTrigger {
    margin-left: 0px;
    outline: 0
}

.filterList.facets {
    background: none;
    padding: 0px
}

.filterList .facet_show_more {
    text-decoration: underline;
    font-weight: normal;
    font-size: 14px;
    display: block;
    margin: 12px 0;
    text-align: right;
    color: #666
}

.filterList .facet_show_more:hover, .filterList .facet_show_more:active {
    color: #000
}

.filterList.facets ul {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent
}

.filterList.facets .multiple {
    border-bottom: 1px solid #efefef;
    padding: 6px 0px;
    position: relative
}

.filterList.facets .collapseTrigger {
    padding: 0px 6px
}

.filterList.facets .toggle_icon {
    display: block;
    position: absolute;
    right: 8px;
    top: 13px;
    width: 14px;
    height: 14px
}

.filterList.facets .multiple .facetGroup .multiple {
    background: none;
    border-bottom: 0
}

.filterList.facets .disjunctive a:link, .filterList.facets .disjunctive a:visited {
    color: #222
}

.filterList.facets .facetGroup .collapseTrigger {
    padding: 1px 6px 1px 24px;
    position: relative
}

.filterList.facets .facetGroup .collapsable {
    padding: 0px
}

.filterList.facets .facetGroup .collapsable .toggle_icon {
    display: block;
    position: absolute;
    left: 6px;
    top: 6px
}

.filterList.facets .facetGroup .subFacetList li {
    margin-left: 24px
}

.filterList.facets .facetGroup .first_ten li {
    margin-left: 8px
}

.filterList.facets li input {
    margin-left: 0px
}

.filterList.facets .facet_list li ul, .filterList.facets .facet_list li ul li {
    margin-left: 0px
}

.filterList.facets .facet_list li {
    line-height: 1.7;
    margin-left: 6px
}

.filterList.facets .grouped_facets .facet_list li {
    margin-left: 0px
}

.filterList.facets .grouped_facets .facet_list li ul li {
    margin-left: 3px
}

.filterList.facets .grouped_facets .facet_list li ul li input {
    margin-left: 3px
}

.filterList.facets .count, #popout-box-content .filterList ul .count {
    font-size: 85%;
    color: #666666;
    position: relative;
    left: 3px;
    bottom: 1px
}

#popout-box-content .filterList {
    width: 530px
}

#popout-box-content .filterList ul a {
    font-size: 13px
}

#popout-box-content .filterList ul {
    margin: 0;
    width: 235px;
    padding: 0px 5px 0 0
}

#popout-box-content .filterList ul.col_one {
    border-right: 1px solid #ccc;
    margin-right: 15px
}

#popout-box-content .filterList .button.cancel {
    clear: both;
    cursor: pointer
}

.filterList.facets .clearfix.expand_buttons {
    padding-right: 6px;
    font-weight: bold;
    font-size: 11px
}

.subNav.heading {
    font-size: 1.1em
}

ul.subNav.heading li {
    padding: 5px 7px 4px
}

ul.subNav.heading li.active {
    padding: 5px 5px 4px
}

.collapseTarget {
    overflow: hidden;
    height: auto
}

.collapsable .collapseTrigger h4 {
    display: inline
}

.collapsable .collapseTrigger .collapsableButton {
    display: inline;
    vertical-align: middle;
    width: 20px
}

.collapsed {
    margin: 0
}

.collapsable .collapseTrigger .expandedButton {
    display: inline;
    float: left
}

.collapsable .collapseTrigger .collapsedButton {
    display: none
}

.collapsed .collapseTrigger .expandedButton {
    display: none
}

.collapsed .collapseTrigger .collapsedButton {
    display: inline;
    float: left
}

.collapseTrigger {
    margin-left: -6px;
    cursor: pointer
}

.filter_overlay {
    background: #fff
}

.filter_overlay .filterList ul li {
    width: 250px;
    display: inline-block;
    margin: 10px
}

.reskinned_facets {
    min-width: 220px;
    opacity: 0;
    transition: opacity 0.3s
}

.reskinned_facets.ready {
    opacity: 1
}

.reskinned_facets > h3 {
    font-size: 20px;
    margin-top: 20px;
    margin-bottom: 10px;
    text-transform: none
}

.reskinned_facets .facet_hide {
    display: none
}

.reskinned_facets .facet_close {
    position: absolute;
    top: 30px;
    right: 30px
}

.reskinned_facets input, .reskinned_facets label, .reskinned_facets a {
    cursor: pointer
}

.reskinned_facets .toggle_icon {
    display: none
}

.reskinned_facets.filterList .clear_all_link {
    text-decoration: underline;
    float: left;
    color: #666;
    cursor: pointer;
    margin-bottom: 20px
}

.reskinned_facets.filterList .clear_all_link:hover, .reskinned_facets.filterList .clear_all_link:active {
    color: #000
}

.reskinned_facets.filterList .cp_inline_overlay.active.animate.fade {
    opacity: 1
}

.reskinned_facets .collapsed_icon, .reskinned_facets .expanded_icon {
    display: none;
    font-size: 14px;
    color: #404040
}

.reskinned_facets .collapsed > .collapseTrigger > .collapsed_icon,
.reskinned_facets .collapsable:not(.collapsed) > .collapseTrigger > .expanded_icon {
    display: inline-block;
    text-align: right;
    vertical-align: text-bottom;
    color: #404040
}

.reskinned_facets li.languageToggle {
    padding-bottom: 6px;
    margin-bottom: 15px;
    border-bottom: 1px solid #dadada
}

.reskinned_facets li.languageToggle .facet_label {
    margin-left: 3px
}

.reskinned_facets.facets .facet.collapsable.multiple {
    margin-top: 10px
}

.reskinned_facets.facets .facet.collapsable.multiple .appliedFilters li {
    display: block
}

.reskinned_facets.facets .facet.collapsable.multiple .appliedFilters li a {
    background-color: #F2F2F2;
    border: solid #E3E3E3;
    color: inherit;
    padding: 5px 10px;
    display: inline-block;
    text-decoration: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    font-weight: normal;
    margin-bottom: 5px
}

.reskinned_facets.facets .facet.collapsable.multiple .appliedFilters li a:hover,
.reskinned_facets.facets .facet.collapsable.multiple .appliedFilters li a:focus {
    color: #000
}

.reskinned_facets.facets .facet.collapsable.multiple .appliedFilters li a .icon-cancel {
    margin-left: 10px;
    color: #999
}

.reskinned_facets .grouped_facets .facet_list .facetGroup .collapsable.collapsed {
    padding: 5px 0px 0px 4px
}

.reskinned_facets .grouped_facets .facet_list .facetGroup .collapsable {
    padding: 5px 0px 4px 4px
}

.reskinned_facets .grouped_facets .facet_list .subFacetList, .reskinned_facets .grouped_facets .facet_list .appliedFilters {
    font-size: 14px;
    line-height: 1.6
}

.reskinned_facets .grouped_facets .facet_list .appliedFilters {
    background-color: #f1f1f1
}

.reskinned_facets .grouped_facets .facet_list li .collapsable {
    margin-bottom: 2px;
    line-height: 2
}

.reskinned_facets .grouped_facets .facet_list li .collapsable:hover,
.reskinned_facets .grouped_facets .facet_list li .collapsable:not(.collapsed) {
    background-color: #f1f1f1
}

.reskinned_facets .grouped_facets .facet_list li .collapsable .collapseTrigger {
    padding-left: 0
}

.reskinned_facets .grouped_facets .facet_list li .collapsable .collapseTrigger h4 {
    display: inline-block;
    width: calc(100% - 30px)
}

.reskinned_facets .grouped_facets .facet_list li .collapsable .collapseTrigger i {
    color: #404040
}

.reskinned_facets .grouped_facets .facet_list li .collapsable .collapseTrigger h4 i,
.reskinned_facets .grouped_facets .facet_list li .collapsable .collapseTrigger .icon-tag {
    font-size: 21px;
    color: #333
}

.reskinned_facets.facets .grouped_facets .facet_list li ul li {
    padding-left: 0
}

.reskinned_facets.facets .grouped_facets .facet_list li ul li.conjunctive {
    margin-bottom: 5px
}

.reskinned_facets .disjunctive .facet_label {
    display: inline-block;
    margin: 3px 0
}

.reskinned_facets .disjunctive .facet_label .pretty_checkbox_primary {
    margin-right: 7px
}

.reskinned_facets.filterList h5 {
    display: inline-block;
    font-weight: 600;
    width: calc(100% - 30px)
}

.reskinned_facets .cp_inline_overlay .filterList {
    background: #fff
}

.reskinned_facets .format_heading {
    margin-bottom: 10px
}

.reskinned_facets input[type=checkbox]:checked ~ label.facet_label,
.reskinned_facets .removeFilter {
    font-weight: 600
}

.reskinned_facets .cp_pretty_checkbox label {
    margin-top: 0;
    margin-bottom: 0
}

.flagging {
    padding: 10px
}

.flagging h4 .flag_icon {
    margin-right: 4px
}

.flagging label.review_standards {
    font-weight: normal
}

.flagging .flag_selection .types {
    border-top: 1px dashed #ccc
}

.flagging .flag_selection .types a {
    display: block;
    padding: 10px 0px
}

.flagging .flag_form {
    margin-top: -10px;
    margin-bottom: 20px
}

.flagging .flag_form input[type='checkbox'], .flagging .flag_form input[type='radio'] {
    margin: 2px;
    padding: 2px
}

.flagging .flag_form textarea {
    width: 600px;
    display: block;
    margin-bottom: 1em
}

@media screen and (max-width: 991px) {
    .flagging .flag_form textarea {
        width: 100%
    }
}

.digital_workflows ul {
    margin: 0;
    padding: 0;
    float: left
}

.digital_workflows h1 {
    font-size: 20px;
    color: #404040
}

.digital_workflows h2 {
    font-size: 16px
}

.digital_workflows h3 {
    font-size: 14px;
    font-weight: normal;
    text-transform: none;
    color: #404040
}

.digital_workflows p {
    margin: 3px 0
}

.digital_workflows a {
    text-decoration: underline
}

.digital_workflows .column {
    float: left;
    min-height: 170px;
    padding: 0 10px 10px 0;
    width: 45%
}

.digital_workflows .column.one_col {
    width: 100%;
    min-height: 140px
}

.digital_workflows .column.right_col {
    padding: 0 0 0 10px
}

.digital_workflows .column.right_col.with_border {
    border-left: 1px dotted #999
}

.digital_workflows .digital_formats li {
    margin-right: 10px;
    padding: 10px;
    min-width: 200px;
    min-height: 60px;
    box-sizing: border-box;
    position: relative;
    margin-bottom: 5px;
    border: 1px solid #ccc;
    border-radius: 6px
}

.digital_workflows .digital_formats li.clickable {
    cursor: pointer
}

.digital_workflows .digital_formats li.selected {
    border-color: #00BF13
}

.digital_workflows .digital_formats .format_radio {
    position: relative;
    top: 10px;
    float: left
}

.digital_workflows .digital_formats .format_label {
    position: relative;
    padding: 10px 10px;
    line-height: 1.5;
    font-weight: 500;
    display: block;
    width: 150px;
    word-wrap: break-word;
    margin: 0 0 5px 0
}

.digital_workflows .digital_formats img.digital_format_logo {
    position: absolute;
    max-height: 40px;
    right: 10px;
    top: 10px
}

.digital_workflows .digital_durations ul {
    overflow: hidden
}

.digital_workflows .digital_durations li {
    padding-top: 19px;
    float: left;
    margin-right: 10px
}

.digital_workflows .digital_durations .disabled {
    color: #999
}

.digital_workflows .column .digital_formats ul {
    float: left
}

.digital_workflows .digital_notification_email input.text {
    padding: 10px 0;
    width: 100%
}

.digital_workflows .digital_notification_email span.required {
    color: #999;
    font-size: 12px
}

.js_format_of_columns label {
    display: inline;
    font-weight: normal
}

.digital_download_no_format .js_format_of_columns li {
    display: inline-block;
    padding: 10px;
    border-radius: 5px;
    border: 1px solid #ccc;
    cursor: pointer;
    margin: 10px;
    float: left
}

.digital_download_no_format .js_format_of_columns li label {
    cursor: pointer
}

.digital_download_no_format .js_format_of_columns li.selected {
    border-color: #333
}

.digital_download_no_format .js_format_of_columns li .format_radio {
    display: none
}

.digital_workflows .row #enable_auto_checkout_holds {
    margin-top: 20px
}

.pagination {
    width: 100%;
    text-align: center
}

.pagination a.pageNav {
    padding: 7px 11px;
    font-size: 14px;
    border: 1px solid transparent
}

.pagination a.pageNav:hover {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background-color: #e5e5e5;
    text-decoration: none !important
}

.pagination a.smaller {
    padding: 7px 9px
}

.pagination a.currentPage {
    background-color: #ccc;
    border: 1px solid #ccc;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px
}

.pagination .arrows {
    padding: 4px 4px 6px 4px;
    border: 1px solid #ccc;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    font-size: 16px;
    font-weight: bold
}

.pagination .arrows:hover {
    background-color: #e5e5e5;
    text-decoration: none !important
}

.pagination .arrows.inactive {
    color: #ccc;
    background-color: transparent
}

.pagination .facet_message {
    color: #999;
    font-size: 11px;
    text-align: center
}

.pagination input {
    width: 25px
}

.pagination a:active {
    outline: none
}

@font-face {
    font-family: 'fontello';
    src: url(//cor-cdn-static.bibliocommons.com/assets/fontello-3f6c513091b588d3ba4d4c179787a8a7.eot);
    src: url("//cor-cdn-static.bibliocommons.com/assets/fontello-3f6c513091b588d3ba4d4c179787a8a7.eot?#iefix") format("embedded-opentype"), url(//cor-cdn-static.bibliocommons.com/assets/fontello-7aaf5df643343c6846d1d2be8803acd8.woff) format("woff"), url(//cor-cdn-static.bibliocommons.com/assets/fontello-673357aa8c51dbd0cb93eb6691074c9f.ttf) format("truetype"), url("//cor-cdn-static.bibliocommons.com/assets/fontello-b7b9c309407489eedc42d0b35a6d083d.svg#fontello") format("svg")
}

.test {
    background: url(//cor-cdn-static.bibliocommons.com/assets/search_icon-01-7c6fb0b6296344e93005cf659ca9961e.png) no-repeat
}

[class^="icon-"]:before, [class * =" icon-"]:before {
    font-family: "fontello";
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em
}

.icon-th-list:before {
    content: '\2630'
}

.icon-th:before {
    content: '\268f'
}

.icon-help:before {
    content: '\2753'
}

.icon-angle-down:before {
    content: '\abcd'
}

.icon-left-open:before {
    content: '\e75d'
}

.icon-right-open:before {
    content: '\e75e'
}

.icon-font:before {
    content: '\e779'
}

.icon-basket:before {
    content: '\e800'
}

.icon-right-dir:before {
    content: '\e801'
}

.icon-heart-empty:before {
    content: '\e802'
}

.icon-gift:before {
    content: '\e803'
}

.icon-down-open:before {
    content: '\e804'
}

.icon-flag-empty:before {
    content: '\e805'
}

.icon-cw:before {
    content: '\e806'
}

.icon-attention-circled:before {
    content: '\e807'
}

.icon-location:before {
    content: '\e808'
}

.icon-angle-double-left:before {
    content: '\e809'
}

.icon-angle-double-right:before {
    content: '\e80a'
}

.icon-angle-right:before {
    content: '\e80b'
}

.icon-angle-left:before {
    content: '\e80c'
}

.icon-bell-entypo:before {
    content: '\e80d'
}

.icon-heart:before {
    content: '\e80e'
}

.icon-down-dir:before {
    content: '\e80f'
}

.icon-trash:before {
    content: '\e810'
}

.icon-comment:before {
    content: '\e811'
}

.icon-edit:before {
    content: '\e812'
}

.icon-spinner:before {
    content: '\e813'
}

.icon-cancel:before {
    content: '\e814'
}

.icon-forward:before {
    content: '\e815'
}

.icon-ok:before {
    content: '\e816'
}

.icon-print:before {
    content: '\e817'
}

.icon-phone:before {
    content: '\e818'
}

.icon-credit-card:before {
    content: '\e819'
}

.icon-mail:before {
    content: '\e81a'
}

.icon-plus-circled:before {
    content: '\e81b'
}

.icon-cog:before {
    content: '\e81c'
}

.icon-check:before {
    content: '\e81d'
}

.icon-award:before {
    content: '\e81e'
}

.icon-sort-down:before {
    content: '\e81f'
}

.icon-up-dir:before {
    content: '\e820'
}

.icon-filter:before {
    content: '\e821'
}

.icon-right:before {
    content: '\e822'
}

.icon-pencil:before {
    content: '\e823'
}

.icon-attention:before {
    content: '\e824'
}

.icon-block:before {
    content: '\e825'
}

.icon-ellipsis:before {
    content: '\e826'
}

.icon-plus:before {
    content: '\e827'
}

.icon-tag:before {
    content: '\e828'
}

.icon-clock:before {
    content: '\e829'
}

.icon-clipboard:before {
    content: '\e82a'
}

.icon-award-empty:before {
    content: '\e82b'
}

.icon-book-series:before {
    content: '\e82c'
}

.icon-list-bullet:before {
    content: '\e82d'
}

.icon-book-shelf:before {
    content: '\e82e'
}

.icon-star:before {
    content: '\e82f'
}

.icon-star-empty:before {
    content: '\e830'
}

.icon-star-half-alt:before {
    content: '\e831'
}

.icon-music:before {
    content: '\e832'
}

.icon-headphones:before {
    content: '\e833'
}

.icon-cd:before {
    content: '\e834'
}

.icon-left:before {
    content: '\e835'
}

.icon-gmail:before {
    content: '\e836'
}

.icon-yahoo:before {
    content: '\e837'
}

.icon-windows:before {
    content: '\e838'
}

.icon-quote-left:before {
    content: '\e839'
}

.icon-videocam:before {
    content: '\e83a'
}

.icon-facebook:before {
    content: '\e83b'
}

.icon-paper-plane:before {
    content: '\e83c'
}

.icon-twitter:before {
    content: '\e83d'
}

.icon-tumblr:before {
    content: '\e83e'
}

.icon-linkedin:before {
    content: '\e83f'
}

.icon-export:before {
    content: '\e840'
}

.icon-gplus:before {
    content: '\e841'
}

.icon-pinterest:before {
    content: '\e842'
}

.icon-age-suitability:before {
    content: '\e843'
}

.icon-mail-alt:before {
    content: '\e844'
}

.icon-link-ext:before {
    content: '\e845'
}

.icon-help-circled:before {
    content: '\e846';
    box-sizing: border-box;
    display: inline-block;
    font-family: fontello;
    font-style: normal;
    font-variant: normal;
    font-variant-caps: normal;
    font-variant-east-asian: normal;
    font-variant-ligatures: normal;
    font-variant-position: normal;
    font-weight: normal;
    height: 14px;
    line-height: 14px;
    margin-left: 2.799999952316284px;
    margin-right: 2.799999952316284px;
    text-align: center;
    text-decoration: none;
    text-transform: none;
    width: 14px;
}

.icon-menu:before {
    content: '\e847'
}

.icon-cancel-circled:before {
    content: '\e848'
}

.icon-minus-circled:before {
    content: '\e849'
}

.icon-ellipsis-vert:before {
    content: '\e84a'
}

.icon-lock:before {
    content: '\e84b'
}

.icon-library:before {
    content: '\e84c'
}

.icon-calendar:before {
    content: '\e84d'
}

.icon-link:before {
    content: '\e84e'
}

.icon-user:before {
    content: '\e84f'
}

.icon-star-half:before {
    content: '\e850'
}

.icon-truck:before {
    content: '\e851'
}

.icon-gamepad:before {
    content: '\e852'
}

.icon-newspaper:before {
    content: '\e853'
}

.icon-lock-open:before {
    content: '\e854'
}

.icon-pause-circled:before {
    content: '\e855'
}

.icon-ok-circled:before {
    content: '\e856'
}

.icon-play-circled:before {
    content: '\e857'
}

.icon-info-circled:before {
    content: '\e858'
}

.icon-doc-text:before {
    content: '\e859'
}

.icon-calendar-empty:before {
    content: '\e85a'
}

.icon-laptop:before {
    content: '\e85b'
}

.icon-barcode:before {
    content: '\e85c'
}

.icon-up:before {
    content: '\e85d'
}

.icon-upload-cloud:before {
    content: '\e85e'
}

.icon-user-plus:before {
    content: '\e85f'
}

.icon-bank:before {
    content: '\e860'
}

.icon-rss:before {
    content: '\e861'
}

.icon-dot-list:before {
    content: '\e862'
}

.icon-list:before {
    content: '\e863'
}

.icon-users:before {
    content: '\e864'
}

.icon-certificate:before {
    content: '\e865'
}

.icon-bookmark-empty:before {
    content: '\f097'
}

.icon-sort:before {
    content: '\f0dc'
}

.icon-download-cloud:before {
    content: '\f0ed'
}

.icon-bell-alt:before {
    content: '\f0f3'
}

.icon-tablet:before {
    content: '\f10a'
}

.icon-help-bold:before {
    content: '\f128'
}

.icon-facebook-rect:before {
    content: '\f301'
}

.icon-twitter-bird:before {
    content: '\f303'
}

.icon-book:before {
    content: '📕'
}

.icon-book-open:before {
    content: '📖'
}

.icon-search:before {
    content: '🔍';
    box-sizing: border-box;
display: inline-block;
font-family: fontello;
font-style: normal;
font-variant: normal;
font-variant-caps: normal;
font-variant-east-asian: normal;
font-variant-ligatures: normal;
font-variant-position: normal;
font-weight: normal;
height: 14px;
line-height: 14px;
margin-left: 2.799999952316284px;
margin-right: 2.799999952316284px;
text-align: center;
text-decoration: none;
text-transform: none;
width: 14px;
}

.icon-bell:before {
    content: '🔔'
}

.icon-bookmark:before {
    content: '🔖'
}

.icon-globe:before {
    content: '🌎'
}

.animate-spin {
    -moz-animation: spin 2s infinite linear;
    -o-animation: spin 2s infinite linear;
    -webkit-animation: spin 2s infinite linear;
    animation: spin 2s infinite linear;
    display: inline-block
}

@-moz-keyframes spin {
    0% {
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -moz-transform: rotate(359deg);
        -o-transform: rotate(359deg);
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@-webkit-keyframes spin {
    0% {
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -moz-transform: rotate(359deg);
        -o-transform: rotate(359deg);
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@-o-keyframes spin {
    0% {
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -moz-transform: rotate(359deg);
        -o-transform: rotate(359deg);
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@-ms-keyframes spin {
    0% {
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -moz-transform: rotate(359deg);
        -o-transform: rotate(359deg);
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@keyframes spin {
    0% {
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -moz-transform: rotate(359deg);
        -o-transform: rotate(359deg);
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

#footer {
    color: #fff;
    background: #333333;
    font-size: 11px;
    margin: 8px auto;
    line-height: 0;
    padding: 0
}

#footer .footerContent {
    padding: 12px 15px 12px 15px;
    line-height: 2;
    font-size: 13px
}

#footer .footerContent p {
    margin: 0
}

#footer .col {
    float: left;
    width: 20%;
    margin-right: 0
}

#footer .footerLinks {
    width: 100%
}

#footer .footerLinks .library-custom-links {
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #fff
}

#footer .footerLinks .policy-links .language-switcher-link {
    float: right
}

@media (max-width: 767px) {
    #footer .footerLinks .policy-links .language-switcher-link {
        float: none
    }
}

#footer .footerLinks ul {
    padding: 0
}

#footer a, #footer a:hover {
    color: #FFF;
    margin-right: 15px
}

#content .contentFooter {
    text-align: center;
    min-height: 5px
}

#feedback {
    text-align: left;
    background: #ccc;
    margin: 0 0 2em 0
}

#feedback .col {
    float: left;
    width: 198px;
    margin: 0 15px 0 0;
    white-space: normal
}

#feedback form {
    float: left;
    border-width: 0 1px;
    border-style: solid;
    padding: 0 15px;
    width: 475px
}

#feedback form input.submit {
    margin: 1em 0 0 0;
    display: block
}

#feedback form label {
    margin-top: 0
}

#feedback form textarea {
    height: 150px;
    display: block
}

#content .contentFooter #feedback textarea {
    width: 96%
}

@media (max-width: 767px) {
    #footer a, #footer a:hover {
        width: 100%;
        display: block
    }
}

.appserver {
    margin-top: 10px;
    margin-bottom: 10px
}

.footer_wrapper .appserver {
    margin-left: 15px;
    margin-right: 15px
}

.appserver .powered-by {
    font-size: 14px
}

.appserver .product-version {
    font-size: 12px
}

.share-this-icon {
    background-repeat: no-repeat;
    padding-left: 23px;
    white-space: nowrap;
    display: inline-block;
    height: 21px;
    line-height: 16px;
    background: url("//cor-cdn-static.bibliocommons.com/assets/share_sprite_large-8aae1040db546a6e46d48629f33d9bef.png");
    background-size: 145px
}

span.st_facebook_custom {
    background-position: -48px -42px
}

span.st_email_custom {
    background-position: -80px -42px
}

span.st_twitter_custom {
    background-position: -14px -42px
}

span.st_sharethis_custom {
    background-position: -114px -42px
}

span.share-this-icon:hover {
    background-position-y: -7px
}

span.stSmall.embedcode {
    padding-bottom: 3px
}

.faq-dropdown {
    position: relative;
    float: right;
    height: 38px;
    margin-bottom: 10px
}

.faq-dropdown .trigger {
    padding: 10px;
    display: inline-block;
    background-color: #E4E4E4;
    color: #000
}

.faq-dropdown .trigger .icon-info-circle {
    padding-right: 5px;
    font-size: 16px
}

.faq-dropdown .faq-dropdown-list {
    position: absolute;
    padding: 0;
    margin: 0;
    top: 38px;
    width: 157px
}

.faq-dropdown .faq-dropdown-list .tout .toutContent h1 {
    display: none
}

.faq-dropdown .faq-dropdown-list .tout, .faq-dropdown .faq-dropdown-list .toutContent {
    background: none;
    border: none;
    padding: 0;
    margin: 0
}

.faq-dropdown .faq-dropdown-list .tout p {
    padding: 5px;
    margin: 0px;
    width: 147px;
    font-size: 14px
}

.faq-dropdown .faq-dropdown-list .toutContent a {
    color: #000000;
    display: block
}

.faq-dropdown:hover {
    text-decoration: underline
}

.lt_responsive .faq-dropdown .faq-dropdown-list, .lt_responsive .faq-dropdown .tout p,
.lt_responsive .faq-dropdown {
    width: auto
}

#overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 200000;
    visibility: hidden
}

#overlay .overlay-inner, #overlay .overlay-backdrop {
    height: 100%;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: hidden
}

#overlay .overlay-backdrop {
    width: 100%;
    overflow: hidden;
    background: #F1F1F1;
    -ms-filter: "alpha(opacity=90)";
    -khtml-opacity: .90;
    -moz-opacity: .90;
    opacity: 0.9
}

#overlay .overlay-close {
    position: fixed;
    top: 0;
    right: 30px;
    z-index: 250000;
    background-color: #ffffff;
    background: -webkit-linear-gradient(#fff, #ebebeb);
    background: linear-gradient(#fff, #ebebeb);
    -moz-border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
    -moz-box-shadow: 0 1px 4px #666666;
    -webkit-box-shadow: 0 1px 4px #666666;
    box-shadow: 0 1px 4px #666666;
    font-size: 40px;
    cursor: pointer;
    border: none;
    padding: 0
}

#overlay .overlay-close:hover, #overlay .overlay-close:focus {
    color: #ffffff
}

#overlay .overlay-body {
    max-width: 960px;
    margin: 0 auto;
    height: 100%;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    background-color: #fff
}

.overlay-is-open {
    overflow: hidden
}

body.overlay-is-open #overlay .overlay-inner {
    overflow-y: scroll
}

#overlay.simplegenie {
    visibility: hidden;
    -webkit-transform: translateY(60%) scale(0);
    transform: translateY(60%) scale(0);
    -webkit-transition: -webkit-transform 0.4s, visibility 0s 0.4s;
    transition: transform 0.4s, visibility 0s 0.4s
}

#overlay.simplegenie.open {
    visibility: visible;
    -webkit-transform: translateY(0%) scale(1);
    transform: translateY(0%) scale(1);
    -webkit-transition: -webkit-transform 0.4s;
    transition: transform 0.4s
}

#overlay.slidedown {
    visibility: hidden;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transition: -webkit-transform 0.4s ease-in-out, visibility 0s 0.4s;
    transition: transform 0.4s ease-in-out, visibility 0s 0.4s
}

#overlay.slidedown.open {
    visibility: visible;
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
    -webkit-transition: -webkit-transform 0.4s ease-in-out;
    transition: transform 0.4s ease-in-out
}

#overlay.instant {
    display: none;
    visibility: hidden
}

#overlay.instant.open {
    display: block;
    visibility: visible
}

#overlay.fade_in {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity 0.4s ease-in-out, visibility 0.4s ease-in-out;
    transition: opacity 0.4s ease-in-out, visibility 0.4s ease-in-out
}

#overlay.fade_in.open {
    visibility: visible;
    opacity: 1
}

#overlay .overlay-white {
    background-color: #fff;
    overflow: auto
}

.cp_shelf_dropdown .shelf_actions {
    margin-bottom: 5px
}

.cp_shelf_dropdown .shelf_actions div.shelf_popdown {
    display: none
}

.cp_shelf_dropdown .shelf_actions div.shelf_popdown_trigger a {
    text-decoration: underline
}

.cp_shelf_dropdown .add_to_shelf_btn_group {
    width: 100%
}

.cp_shelf_dropdown .add_to_shelf_btn_group .add_to_shelf_main_action {
    width: calc(100% - 27px)
}

.cp_shelf_dropdown .add_to_shelf_btn_group .dropdown-toggle:after {
    content: "\abcd"
}

.cp_shelf_dropdown div.shelf_popdown a {
    text-decoration: underline;
    color: #404040
}

.cp_shelf_dropdown div.shelf_popdown a.close_trigger {
    position: absolute;
    top: 5px;
    right: 5px;
    text-decoration: none;
    font-size: 18px;
    font-weight: bold
}

.cp_shelf_dropdown div.shelf_popdown .shelf_move {
    margin-bottom: 10px
}

.cp_shelf_dropdown div.shelf_popdown .shelf_move div.move_to_my {
    font-size: 12px
}

.cp_shelf_dropdown div.shelf_popdown .shelf_move a {
    margin-left: 5px
}

.cp_shelf_dropdown div.shelf_popdown .shelf_delete {
    margin-bottom: 10px
}

.cp_single_click_holds {
    display: inline-block
}

.cp_single_click_holds #single_click_holds_toggle {
    padding: 6px 10px;
    display: inline-block;
    background: #f2f2f2;
    margin-bottom: 10px;
    font-size: 14px
}

.cp_single_click_holds #single_click_holds_settings h4 {
    white-space: nowrap;
    margin-bottom: 5px
}

.cp_single_click_holds #single_click_holds_settings fieldset label,
.cp_single_click_holds #single_click_holds_settings .submit_wrapper {
    margin-top: 15px
}

.cp_single_click_holds #single_click_holds_settings .icon-cog,
.cp_single_click_holds #single_click_holds_toggle .icon-cog {
    font-size: 14px
}

.cp_single_click_holds #single_click_holds_toggle a.toggle_link,
.cp_single_click_holds #single_click_holds_settings a.closeButton {
    margin-left: 10px
}

.cp_single_click_holds #single_click_holds_settings .is-primary {
    padding: 4px 20px
}

.cp_single_click_holds #single_click_holds_settings select {
    max-width: 200px
}

.cp_single_click_holds #single_click_holds_settings fieldset {
    width: inherit
}

.cp_single_click_holds #single_click_holds_settings .bootstrap-select-wrapper {
    display: block
}

.cp_single_click_holds #single_click_holds_settings .bootstrap-select-wrapper .bootstrap-select.btn-group .btn span.filter-option {
    width: 80%
}

.cp_single_click_holds .mobile_list_content {
    max-width: 200px;
    width: 100%
}

.cp_single_click_holds .sch_help_text {
    font-size: 12px;
    margin-top: -5px;
    padding-left: 2px;
    color: #898989
}

.lt_responsive .cp_single_click_holds {
    display: block;
    background: #f1f1f1;
    padding: 6px 10px;
    margin-bottom: 10px;
    border: 1px solid #dadada
}

.lt_responsive .cp_single_click_holds.inline_overlay_open {
    border: none
}

.lt_responsive .cp_single_click_holds.inline_overlay_open .sch_text {
    pointer-events: none
}

.lt_responsive .cp_single_click_holds .toggle_link {
    color: #333;
    text-decoration: none
}

.lt_responsive .cp_single_click_holds .toggle_link strong {
    text-decoration: underline;
    color: #02729e
}

.lt_responsive .cp_single_click_holds .scp_overlay.active {
    border: 1px solid #dadada;
    box-shadow: none;
    background: #f1f1f1;
    opacity: 1 !important;
    padding: 10px 15px;
    z-index: 1034
}

.lt_responsive .cp_single_click_holds .scp_overlay label {
    font-weight: normal;
    margin: 0;
    color: #333
}

.lt_responsive .cp_single_click_holds .scp_overlay .bootstrap-select-wrapper {
    display: block
}

.lt_responsive .cp_single_click_holds .scp_overlay .filter-option {
    width: calc(100% - 10px);
    text-overflow: ellipsis
}

.lt_responsive .cp_single_click_holds .scp_overlay .info_link {
    position: absolute;
    top: 6px;
    right: 10px
}

.lt_responsive .cp_single_click_holds .sch_settings h4.form_title {
    font-size: 16px;
    font-weight: 600;
    display: block;
    width: calc(100% - 10px;
    )
}

.lt_responsive .cp_single_click_holds .sch_settings .form-group {
    margin-top: 16px
}

.lt_responsive .cp_single_click_holds .sch_settings label {
    margin-bottom: 6px
}

.lt_responsive .cp_single_click_holds .sch_settings .bootstrap-select > .btn {
    padding-right: 16px
}

.lt_responsive .cp_single_click_holds .sch_settings input[type=submit] {
    margin-right: 8px
}

.lt_responsive .cp_single_click_holds .sch_disable {
    background: #fff;
    display: block;
    margin: 0 -15px -10px -15px;
    padding: 10px 15px;
    border-top: 1px solid #d8d8d8
}

.lt_responsive .cp_single_click_holds .sch_disable a {
    color: inherit
}

.lt_responsive .cp_single_click_holds .sch_disable strong {
    text-decoration: underline;
    color: inherit
}

.cp_coppa_approval_table {
    margin: 0;
    border-top: 0
}

.cp_coppa_approval_table td {
    padding: 6px
}

.cp_coppa_approval_table thead td {
    background-color: #eee;
    border: 1px solid #e5e5e5
}

.cp_coppa_approval_table tbody td {
    padding-top: 10px
}

.cp_coppa_approval_table tbody tr .odd td {
    border: 1px solid #fff;
    background-color: #e5e5e5
}

.cp_coppa_approval_table tbody tr td, .cp_coppa_approval_table tbody tr .even td {
    border: 1px solid #E5E5E5;
    background-color: #fff
}

.cp_coppa_approval_table .details a {
    line-height: 18px;
    font-size: 11px
}

.cp_coppa_approval_table .activity_btn {
    background-color: #FFFFFF;
    border: 1px solid #008000;
    border-radius: 4px;
    color: #008000;
    padding: 7px 10px;
    text-decoration: none;
    position: relative;
    top: 10px
}

.cp_coppa_approval_table .activity_btn:hover {
    background-color: #008000;
    color: #fff
}

.cp_coppa_approval_table .rounded_btn {
    padding: 7px 10px;
    background-color: #ccc;
    border: 1px solid #898989;
    color: #898989;
    font-weight: bold;
    text-decoration: none;
    position: relative;
    top: 10px;
    border-radius: 3px
}

.cp_coppa_approval_table .rounded_btn.approved {
    color: green;
    background-color: #fff;
    border-color: green
}

.cp_coppa_approval_table .rounded_btn.revoked {
    color: red;
    background-color: #fff;
    border-color: red
}

.cp_coppa_approval_table .permission_button:hover {
    background-color: #ccc;
    color: #fff
}

.coppa_notification {
    border: none;
    padding-left: 56px;
    color: #666;
    background: #fbface url("//cor-cdn-static.bibliocommons.com/assets/coppa_notification_background-4432ee276ea64a129870a65b4eccf11a.png") top left no-repeat
}

.coppa_notification h4 {
    margin-top: 6px
}

.coppa_notification .the_content {
    display: none
}

.coppa_notification .the_content h3 {
    margin: 2px 0 8px
}

.coppa_notification .the_content .inner a {
    color: #666;
    text-decoration: underline
}

.coppa_notification .the_content .inner ul {
    padding-left: 5px;
    margin-top: 10px
}

.coppa_notification .the_content .inner hr {
    color: #ccc;
    background-color: #ccc;
    border-color: #ccc
}

.coppa_notification .the_content .inner p {
    margin: 5px 0
}

.coppa_notification .the_content .inner input.email {
    font-size: 14px;
    margin: 10px 0;
    padding: 10px 5px;
    width: 300px
}

.coppa_notification .the_content .inner .success_msg {
    font-weight: bold;
    background-color: #D1E8C5;
    line-height: 25px;
    padding: 5px
}

.coppa_notification .the_content .inner .btn-coppa {
    text-decoration: none;
    padding: 4px 20px 4px 20px;
    color: #666;
    border: 1px solid #facf13;
    background-color: #fbface
}

.coppa_notification .the_content .inner .btn-coppa:hover, .coppa_notification .the_content .inner .btn-coppa:active {
    background-color: #facf13;
    color: white
}

.coppa_notification .show {
    display: block
}

.share_button {
    height: 20px;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: relative
}

.share_button label {
    font-size: 24px;
    background: transparent;
    padding: 0;
    cursor: pointer;
    margin: 0;
    border-radius: 5px;
    color: #404040;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    display: inline-block
}

.share_button label:hover {
    opacity: .8
}

.share_button label span {
    font-size: 14px;
    font-weight: normal
}

.share_button .social {
    position: absolute;
    display: none;
    opacity: 0;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    margin-left: -15px;
    visibility: hidden
}

.share_button .social.top {
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    margin-top: -55px
}

.share_button .social.bottom {
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    margin-top: 5px
}

.share_button .social.bottom.right {
    margin-top: -10px;
    margin-left: 0
}

.share_button .social.bottom.right, .share_button .social.bottom.right ul {
    width: 300px
}

@media screen and (max-width: 767px) {
    .share_button .social.bottom.right {
        position: absolute;
        margin-top: -10px;
        top: auto;
        left: 19px
    }

    .share_button .social.bottom.right, .share_button .social.bottom.right ul {
        width: 40px
    }
}

.share_button .social.middle {
    margin-top: -25px
}

.share_button .social.middle.right {
    -webkit-transform-origin: 5% 50%;
    -ms-transform-origin: 5% 50%;
    transform-origin: 5% 50%;
    margin-left: 0px !important;
    float: none;
    position: absolute;
    bottom: -25px;
    left: 20px
}

.share_button .social.middle.left {
    -webkit-transform-origin: 5% 50%;
    -ms-transform-origin: 5% 50%;
    transform-origin: 5% 50%;
    float: none
}

.share_button .social.right {
    margin-left: 14px;
    float: none
}

.share_button .social.load {
    -webkit-transition: none !important;
    transition: none !important
}

.share_button .social.networks-1 {
    width: 60px
}

.share_button .social.networks-1.center {
    margin-left: 14px
}

.share_button .social.networks-1.left {
    margin-left: 14px
}

.share_button .social.networks-1 ul {
    width: 60px
}

.share_button .social.networks-1.middle.left {
    margin-left: -70px
}

.share_button .social.networks-2 {
    width: 120px
}

.share_button .social.networks-2.center {
    margin-left: -13px
}

.share_button .social.networks-2.left {
    margin-left: -44px
}

.share_button .social.networks-2 ul {
    width: 120px
}

.share_button .social.networks-2.middle.left {
    margin-left: -130px
}

.share_button .social.networks-3 {
    width: 180px
}

.share_button .social.networks-3.center {
    margin-left: -45px
}

.share_button .social.networks-3.left {
    margin-left: -102px
}

.share_button .social.networks-3 ul {
    width: 180px
}

.share_button .social.networks-3.middle.left {
    margin-left: -190px
}

.share_button .social.networks-4 {
    width: 220px
}

.share_button .social.networks-4.center {
    margin-left: -75px
}

.share_button .social.networks-4.left {
    margin-left: 162px
}

.share_button .social.networks-4.middle.left {
    margin-left: -250px
}

.share_button .social.networks-4.middle.right {
    margin-top: -45px
}

.share_button .social.networks-4 ul {
    width: 220px
}

.share_button .social.networks-5, .share_button .social.networks-6,
.share_button .social.networks-7 {
    width: 300px
}

.share_button .social.networks-5.center, .share_button .social.networks-6.center,
.share_button .social.networks-7.center {
    margin-left: -85px
}

.share_button .social.networks-5.left, .share_button .social.networks-6.left,
.share_button .social.networks-7.left {
    margin-left: -225px
}

.share_button .social.networks-5 ul, .share_button .social.networks-6 ul,
.share_button .social.networks-7 ul {
    width: 300px
}

.share_button .social.active {
    display: block;
    opacity: 1;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    visibility: visible;
    z-index: 100
}

.share_button .social.active.top {
    -webkit-transform: scale(1) translateY(-10px);
    -ms-transform: scale(1) translateY(-10px);
    transform: scale(1) translateY(-10px)
}

.share_button .social.active.bottom {
    -webkit-transform: scale(1) translateY(15px);
    -ms-transform: scale(1) translateY(15px);
    transform: scale(1) translateY(15px)
}

.share_button .social.active.middle.right {
    -webkit-transform: scale(1) translateX(10px);
    -ms-transform: scale(1) translateX(10px);
    transform: scale(1) translateX(10px)
}

.share_button .social.active.middle.left {
    -webkit-transform: scale(1) translateX(-10px);
    -ms-transform: scale(1) translateX(-10px);
    transform: scale(1) translateX(-10px);
    margin-top: -35px;
    width: auto;
    float: none
}

.share_button .social.active.middle.left ul {
    width: auto
}

.share_button .social.email_share {
    position: absolute;
    bottom: 0;
    transform: translateY(0)
}

.share_button .social.networks-1.middle.left {
    margin-left: 0px
}

.share_button .social.networks-1.middle.left.active {
    margin-left: 0px
}

.share_button .social.networks-2.middle.left {
    margin-left: -47px
}

.share_button .social.networks-2.middle.left.active {
    margin-left: -47px
}

.share_button .social.networks-3.middle.left {
    margin-left: -94px
}

.share_button .social.networks-3.middle.left.active {
    margin-left: -94px
}

.share_button .social.networks-4.middle.left {
    margin-left: -141px
}

.share_button .social.networks-4.middle.left.active {
    margin-left: -141px
}

.share_button .social.networks-5.middle.left {
    margin-left: -188px
}

.share_button .social.networks-5.middle.left.active {
    margin-left: -188px
}

.share_button .social.networks-6.middle.left {
    margin-left: -235px
}

.share_button .social.networks-6.middle.left.active {
    margin-left: -235px
}

.share_button .social.networks-7.middle.left {
    margin-left: -282px
}

.share_button .social.networks-7.middle.left.active {
    margin-left: -282px
}

.share_button .social ul {
    position: relative;
    left: 0;
    right: 0;
    height: 46px;
    color: #fff;
    margin: auto;
    padding: 0;
    list-style: none
}

.share_button .social ul li {
    width: 40px;
    height: 16px;
    font-size: 18px;
    padding: 7px 0 13px 0;
    cursor: pointer;
    margin: 0;
    text-align: center;
    float: left;
    display: none;
    position: relative;
    z-index: 2;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.share_button .social ul li:hover {
    color: rgba(0, 0, 0, 0.5)
}

.share_button .social ul li.gmail {
    background: #e34429;
    display: block
}

.share_button .social ul li.yahoo {
    background: #a200c2;
    display: block
}

.share_button .social ul li.outlook {
    background: #315273;
    display: block
}

.share_button .social ul li.mailto {
    background: #42c5b0;
    display: block
}

.share_button .social li[class * =facebook] {
    background: #3b5998;
    display: block
}

.share_button .social li[class * =twitter] {
    background: #6cdfea;
    display: block
}

.share_button .social li[class * =gplus] {
    background: #e34429;
    display: block
}

.share_button .social li[class * =pinterest] {
    background: #c5282f;
    display: block
}

.share_button .social li[class * =paper-plane] {
    background: #42c5b0;
    display: block
}

.share_button .social li[class * =linkedin] {
    background: #0c76b2;
    display: block
}

.share_button .social li[class * =tumblr] {
    background: #304D6B;
    display: block
}

.bc_edit_in_place_hidden {
    display: none
}

.bc_edit_in_place_edit_element {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block
}

textarea.bc_edit_in_place_edit_element {
    resize: none;
    padding: 10px 7px
}

input.bc_edit_in_place_edit_element {
    padding: 9px 5px 8px 5px
}

.bc_edit_in_place_edit_btn {
    cursor: pointer
}

.bc_edit_in_place_edit_btn:hover {
    opacity: 1
}

.bc_edit_in_place_form {
    margin-bottom: 5px
}

.bc_edit_in_place_edit_title {
    float: left;
    max-width: 80%;
    margin-bottom: 5px
}

.bc_edit_in_place_character_count {
    float: right;
    margin-bottom: 5px;
    line-height: 20px
}

.bc_edit_in_place_character_count.warning {
    color: #ffff00
}

.bc_edit_in_place_character_count.exceeded {
    color: #ff0000;
    font-weight: bold
}

.bc_edit_in_place_form_controls {
    border: 1px solid #C2C2C2;
    border-top: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 5px 7px 4px 7px
}

.bc_edit_in_place_form_controls .btn {
    margin-right: 5px
}

.cp_teacherset_results {
    margin-top: 3px;
    border: thin #666 solid;
    padding: 3px
}

.cp_teacherset_results i.icon-down-open {
    display: none
}

.cp_teacherset_results a.num_results {
    color: #666;
    text-decoration: none
}

.cp_teacherset_results .result_list_item {
    list-style-type: none;
    margin-top: 5px;
    margin-left: 20px
}

.cp_teacherset_results .result_list_item a {
    color: #0071A1
}

.cp_teacherset_results .result_list_item span {
    color: black
}

#cp_ugc_content_warning {
    background-color: #FFFCD6;
    padding: 10px;
    margin-bottom: 15px
}

#cp_ugc_content_warning .main_heading {
    margin-top: -10px
}

#cp_ugc_content_warning .main_heading a.flag_info_trigger_up {
    display: none
}

#cp_ugc_content_warning .ugc_content_info {
    display: none
}

#cp_ugc_content_warning .ugc_content_info a {
    margin-bottom: 5px
}

.ugc_container .flagging_related_triggers {
    float: right
}

.ugc_container .ugc_flagged {
    color: red;
    font-size: 12px;
    margin-top: 5px;
    margin-right: 5px
}

.ugc_container .ugc_flagged + .ugc_flagged {
    clear: both
}

.ugc_container a.ugc_flagged_toggle {
    font-size: 12px;
    margin-top: 5px
}

.ugc_container .ugc_flagged_content {
    opacity: 0.5
}

.cp_biblio_master_message {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.9);
    padding: 10px 15px;
    border-bottom: 2px solid #666;
    -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3)
}

.cp_biblio_master_message p {
    width: 960px;
    margin: 0 auto;
    text-align: center;
    color: #FFF;
    font-size: 1.25em
}

.cp_biblio_master_message a.highlight {
    text-decoration: underline;
    color: #6495ED
}

.lt_responsive .cp_biblio_master_message p {
    width: auto
}

#biblioMasterMessage {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.9);
    padding: 10px 15px;
    border-bottom: 2px solid #666;
    -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3)
}

#biblioMasterMessage p {
    width: 960px;
    margin: 0 auto;
    text-align: center;
    color: #FFF;
    font-size: 1.25em
}

#biblioMasterMessage a.highlight {
    text-decoration: underline;
    color: #6495ED
}

.cp_inline_overlay {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    z-index: 9999;
    display: none
}

.cp_inline_overlay .modal_bib_display {
    display: none
}

.cp_inline_overlay .modal_bib_display + hr {
    display: none
}

.cp_inline_overlay p {
    margin: 10px 0
}

.cp_inline_overlay .content-header {
    padding: 10px 15px;
    min-height: 16.485px
}

.cp_inline_overlay .content-header button.close, .cp_inline_overlay .content-header button.close_top_right {
    margin-top: -2px;
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: .2;
    -webkit-appearance: none;
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0
}

.cp_inline_overlay .content-header .content-title {
    margin: 0;
    color: #333;
    font-size: 20px
}

.cp_inline_overlay .content-body {
    position: relative;
    padding: 0 15px;
    overflow: auto
}

.cp_inline_overlay .content-body .content-footer {
    padding-top: 15px;
    margin-top: 10px
}

.cp_inline_overlay .content-body .content-footer .form-footer {
    text-align: left
}

.cp_inline_overlay .content-body .inline_bib_title {
    font-size: 16px;
    color: #333;
    font-weight: 600
}

.cp_inline_overlay .content-footer {
    padding: 15px;
    padding-left: 0;
    text-align: right;
    border-top: 1px solid #e5e5e5
}

.cp_inline_overlay .content-footer:before, .cp_inline_overlay .content-footer:after {
    content: " ";
    display: table
}

.cp_inline_overlay .content-footer:after {
    clear: both
}

.cp_inline_overlay .content-footer .btn + .btn {
    margin-left: 5px;
    margin-bottom: 0
}

.cp_inline_overlay.active {
    background: #fff;
    box-shadow: 2px 4px 10px #C0C0C0;
    border-left: thin solid #c0c0c0;
    opacity: 0.97;
    visibility: visible;
    display: block
}

.cp_inline_overlay .alert {
    padding: 10px;
    margin-bottom: 10px
}

.cp_inline_overlay .action_buttons {
    margin-top: 20px
}

.cp_inline_overlay.action_success .hide_success {
    display: none
}

.cp_inline_overlay .list-group {
    margin: 20px 0
}

.cp_inline_overlay.animate.fade {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: visibility 0s 0.4s, opacity 0.4s;
    transition: visibility 0s 0.4s, opacity 0.4s
}

.cp_inline_overlay.animate.fade.active {
    visibility: visible;
    opacity: 0.97;
    -webkit-transition: opacity 0.4s;
    transition: opacity 0.4s
}

.cp_inline_overlay.no_animate {
    visibility: hidden
}

.cp_inline_overlay.no_animate.active {
    visibility: visible
}

.cp_filter_overlay {
    padding: 20px
}

.cp_filter_overlay .show_in_overlay {
    display: block
}

.cp_filter_overlay .list-group {
    margin-top: 30px
}

.cp_filter_overlay .list-group-item.active {
    background-color: whitesmoke;
    color: #000;
    outline: none;
    border-color: #dddddd;
    pointer-events: none
}

.cp_filter_overlay .list-group-item.active:hover, .cp_filter_overlay .list-group-item.active:focus {
    cursor: not-allowed
}

.cp_filter_overlay .filter_title {
    text-transform: uppercase
}

div.cp_list_utility_bar {
    border: 1px solid #dadada;
    border-bottom: 3px solid #dadada;
    background: #fff;
    position: relative;
    padding: 8px 15px
}

div.cp_list_utility_bar a {
    color: #666
}

div.cp_list_utility_bar a:hover, div.cp_list_utility_bar a:active,
div.cp_list_utility_bar a:focus {
    text-decoration: none;
    color: #333
}

div.cp_list_utility_bar .sort_selector {
    text-align: left
}

div.cp_list_utility_bar > div {
    padding: 10px;
    padding-left: 29px
}

div.cp_list_utility_bar .dropdown .dropdown-menu li.active a {
    background: whitesmoke;
    cursor: not-allowed;
    color: #000 !important
}

div.cp_list_utility_bar .filter_actions {
    float: right;
    padding: 0;
    padding-top: 10px
}

div.cp_list_utility_bar .filter_actions:before, div.cp_list_utility_bar .filter_actions:after {
    content: " ";
    display: table
}

div.cp_list_utility_bar .filter_actions:after {
    clear: both
}

div.cp_list_utility_bar .filter_actions > div {
    padding: 10px 9px
}

@media screen and (min-width: 1200px) {
    div.cp_list_utility_bar .filter_actions {
        padding-top: 2px
    }
}

div.cp_list_utility_bar .material_type_link {
    color: #666;
    padding: 5px 10px
}

div.cp_list_utility_bar .material_type_link.current_type {
    font-weight: 600;
    color: #333;
    background-color: #efefef;
    border-radius: 3px;
    cursor: not-allowed;
    pointer-events: none
}

div.cp_list_utility_bar .material_type_link:hover {
    text-decoration: underline;
    color: #000
}

div.cp_list_utility_bar .material_type_divider {
    font-weight: 400;
    color: #ccc
}

div.cp_list_utility_bar .circulation_limits {
    padding-left: 10px;
    display: inline
}

div.cp_list_utility_bar .circulation_limits .circ_limit_title {
    display: inline-block;
    font-weight: 600;
    padding-right: 20px
}

div.cp_list_utility_bar .circulation_limits .service_name {
    margin-right: 20px;
    padding-bottom: 10px;
    width: -webkit-calc(50% - 20px);
    width: calc(50% - 20px)
}

div.cp_list_utility_bar .circulation_limits .limit {
    margin-top: 20px
}

div.cp_list_utility_bar .circulation_limits .limit:before, div.cp_list_utility_bar .circulation_limits .limit:after {
    content: " ";
    display: table
}

div.cp_list_utility_bar .circulation_limits .limit:after {
    clear: both
}

div.cp_list_utility_bar .circulation_limits .circ_limits_link {
    text-decoration: underline;
    color: #666
}

div.cp_list_utility_bar .circulation_limits .cancel {
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    font-size: 14px;
    color: #999
}

div.cp_list_utility_bar .circulation_limits .popover {
    width: 280px
}

div.cp_list_utility_bar .circulation_limits .popover-content {
    padding: 15px 14px
}

div.cp_list_utility_bar .utility_bar_status.cluster_heading, div.cp_list_utility_bar .utility_context_info .item_count_label {
    font-size: 16px;
    font-weight: 600
}

div.cp_list_utility_bar .utility_context_info {
    float: left;
    padding: 10px 0
}

div.cp_list_utility_bar .utility_bar_status {
    display: inline
}

div.cp_list_utility_bar .item_count_label {
    color: #333
}

div.cp_list_utility_bar .item_type_filter {
    margin-top: 2px;
    display: inline-block
}

div.cp_list_utility_bar .utility_bar_paginate .items_showing_count {
    display: inline-block;
    margin-right: 10px
}

div.cp_list_utility_bar .utility_bar_paginate .pagination_arrows {
    float: right
}

div.cp_list_utility_bar .utility_bar_paginate .utility_pagination_link {
    font-size: 18px;
    color: #666;
    margin: -5px 0px -5px -2px;
    display: inline-block;
    border: 1px solid #ccc
}

div.cp_list_utility_bar .utility_bar_paginate .utility_pagination_link:hover {
    background: whitesmoke
}

div.cp_list_utility_bar .utility_bar_paginate .utility_pagination_link.disabled {
    color: #ccc;
    pointer-events: none;
    border: 1px solid #ccc
}

div.cp_list_utility_bar .view_selector {
    margin-top: -10px
}

div.cp_list_utility_bar .view_selector .view_btn {
    padding-bottom: 0;
    margin-left: -5px;
    padding-top: 10px;
    color: #666
}

div.cp_list_utility_bar .view_selector .view_btn.current_view,
div.cp_list_utility_bar .view_selector .view_btn.current_view:hover {
    color: #333;
    background-color: #efefef;
    cursor: default;
    opacity: 1
}

div.cp_list_utility_bar .view_selector .view_btn.current_view svg path,
div.cp_list_utility_bar .view_selector .view_btn.current_view:hover svg path {
    fill: #333
}

@media (max-width: 991px) {
    div.cp_list_utility_bar .circulation_limits {
        display: inline-block;
        margin-top: 10px;
        white-space: nowrap;
        padding-left: 0
    }

    div.cp_list_utility_bar .utility_context_info {
        padding-bottom: 0
    }

    div.cp_list_utility_bar :not(.view_selector) > .dropdown-toggle:after {
        content: '';
        display: none
    }

    div.cp_list_utility_bar .tappable_link {
        text-decoration: underline
    }

    div.cp_list_utility_bar div[class * ="col-"] + div[class * ="col-"]:before {
        border-left: 1px solid #B2B2B2;
        content: "";
        height: 100%;
        display: block;
        position: absolute;
        top: 0;
        left: 0
    }

    div.cp_list_utility_bar .utility_bar_status.cluster_heading {
        margin-bottom: 20px;
        display: inline-block
    }
}

.cp_alert {
    font-size: 14px;
    color: #333;
    border: 1px solid;
    border-radius: 4px;
    padding: 15px
}

.cp_alert .alert_icon {
    font-size: 20px;
    display: inline-block;
    float: left;
    margin-top: -5px
}

.cp_alert .alert_text {
    padding-left: 30px
}

.cp_alert.alert-success {
    background-color: #e5efe5;
    border-color: #008000
}

.cp_alert.alert-success .alert_icon {
    color: #008000
}

.cp_alert.alert-info {
    background-color: #eff5f7;
    border-color: #0284b7
}

.cp_alert.alert-info .alert_icon {
    color: #0284b7
}

.cp_alert.alert-warning {
    background-color: #fff9d9;
    border-color: #f4ba00
}

.cp_alert.alert-warning .alert_icon {
    color: #f4ba00
}

.cp_alert.alert-danger {
    background-color: #f3e9e9;
    border-color: #7c0000
}

.cp_alert.alert-danger .alert_icon {
    color: #7c0000
}

.cp_header_wrapper .cp_header {
    position: relative;
    z-index: 100
}

.cp_header_wrapper .cp_header ul.ui-widget a {
    color: #222222
}

.cp_header_wrapper .cp_header_biblio_bar {
    background-color: #fff;
    border-bottom: 1px solid #ccc;
    padding: 0px
}

.cp_header_wrapper .cp_header_biblio_bar .header_biblio_bar_right {
    display: flex
}

.cp_header_wrapper .cp_header_biblio_bar .header_biblio_bar_right .help_location_links,
.cp_header_wrapper .cp_header_biblio_bar .header_biblio_bar_right .bc_my_account_nav {
    display: flex
}

.cp_header_wrapper .cp_header_biblio_bar .header_biblio_bar_right .dropdown-menu {
    right: 0;
    left: auto
}

.cp_header_wrapper .cp_header_biblio_bar .divider {
    margin: 6px 0px
}

.cp_header_wrapper .cp_header_biblio_bar .divider + .divider {
    display: none
}

.cp_header_wrapper .cp_header_biblio_bar .biblio_bar_link {
    padding: 10px 5px;
    display: block;
    margin-right: 20px;
    text-decoration: none
}

.cp_header_wrapper .cp_header_biblio_bar .biblio_bar_link:hover > span {
    text-decoration: underline
}

.cp_header_wrapper .cp_header_biblio_bar a.my_account_toggle.dropdown-toggle {
    font-weight: 600;
    padding: 12px;
    margin-right: 0;
    white-space: nowrap
}

.cp_header_wrapper .cp_header_biblio_bar a.my_account_toggle.dropdown-toggle .icon-arrow:after {
    padding-right: 5px;
    padding-left: 5px
}

.cp_header_wrapper .cp_header_biblio_bar a.my_account_toggle.dropdown-toggle.logged_in {
    padding: 6px 12px 6px 15px
}

.cp_header_wrapper .cp_header_biblio_bar a.my_account_toggle.dropdown-toggle .user_identity_name {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;
    vertical-align: middle;
    max-width: calc(100% - 60px)
}

.cp_header_wrapper .cp_header_biblio_bar .biblionav_my_account.dropdown-menu {
    min-width: 260px
}

.cp_header_wrapper .cp_header_biblio_bar .biblionav_my_account.dropdown-menu .log_in_btn {
    color: #fff
}

.cp_header_wrapper .cp_header_biblio_bar .biblionav_my_account.dropdown-menu .indented {
    padding-left: 35px
}

.cp_header_wrapper .cp_header_biblio_bar .biblionav_my_account.dropdown-menu .info {
    background-color: #f5f5f5;
    padding: 10px 15px;
    margin-top: -5px;
    margin-bottom: -6px
}

.cp_header_wrapper .cp_header_biblio_bar .biblionav_my_account.dropdown-menu .info:before,
.cp_header_wrapper .cp_header_biblio_bar .biblionav_my_account.dropdown-menu .info:after {
    content: " ";
    display: table
}

.cp_header_wrapper .cp_header_biblio_bar .biblionav_my_account.dropdown-menu .info:after {
    clear: both
}

.cp_header_wrapper .cp_header_biblio_bar .biblionav_my_account.dropdown-menu .info .notification-buttons {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.cp_header_wrapper .cp_header_biblio_bar .biblionav_my_account.dropdown-menu .info .btn + .btn {
    border-left: 0
}

.cp_header_wrapper .cp_header_biblio_bar .biblionav_my_account.dropdown-menu .info .btn {
    position: relative;
    padding: 6px 10px
}

.cp_header_wrapper .cp_header_biblio_bar .biblionav_my_account.dropdown-menu .info .btn .badge {
    position: absolute;
    top: 1px;
    right: 1px;
    font-size: 10px;
    background-color: #ce0224;
    padding: 2px 6px
}

.cp_header_wrapper .cp_header_biblio_bar .biblionav_my_account.dropdown-menu .log_in_out {
    background-color: #CCC;
    display: inline-block;
    margin-left: 20px;
    border: 1px solid #c7c7c7;
    padding: 5px 15px
}

.cp_header_wrapper .cp_header_biblio_bar .biblionav_my_account.dropdown-menu .log_out_btn {
    margin-top: 15px;
    text-decoration: underline;
    display: block
}

.cp_header_wrapper .cp_header_biblio_bar .biblionav_my_account.dropdown-menu .log_in_out:hover {
    background-color: #ddd
}

.cp_header_wrapper .cp_header_biblio_bar .biblionav_my_account.dropdown-menu .dropdown-header {
    text-transform: uppercase;
    font-size: 13px;
    color: #333;
    font-weight: 600
}

.cp_header_wrapper .cp_header_biblio_bar .biblionav_my_account.dropdown-menu .username_loggedin {
    font-weight: bold;
    padding: 0;
    color: #404040 !important
}

.cp_header_wrapper .cp_header_biblio_bar .biblionav_my_account.dropdown-menu .username_loggedin:hover {
    text-decoration: underline
}

.cp_header_wrapper .cp_header_biblio_bar .biblionav_my_account.dropdown-menu ul {
    padding: 0;
    margin: 0;
    list-style: none
}

.cp_header_wrapper .cp_header_biblio_bar .biblionav_my_account.dropdown-menu li > a {
    padding-top: 8px;
    padding-bottom: 8px
}

.cp_header_wrapper .cp_header_biblio_bar .admin_nav .admin_nav_menu {
    font-size: 90%;
    right: auto
}

@media (max-width: 991px) {
    .cp_header_wrapper .cp_header_biblio_bar .biblionav_my_account {
        width: 100%
    }

    .cp_header_wrapper .cp_header_biblio_bar .admin_nav .admin_nav_menu {
        width: 100%;
        font-size: 100%;
        left: 0
    }
}

@media (max-width: 767px) {
    .cp_header_wrapper .cp_header_biblio_bar .biblio_bar_link:not(.my_account_toggle) {
        font-size: 21px;
        padding: 6px 0
    }

    .cp_header_wrapper .cp_header_biblio_bar svg {
        width: 18px;
        height: 18px
    }

    .cp_header_wrapper .cp_header_biblio_bar .help_location_links_xs {
        display: -webkit-box !important;
        display: -webkit-flex !important;
        display: -ms-flexbox !important;
        display: flex !important
    }
}

.cp_header_wrapper .header_locations_dropdown_wrapper, .cp_header_wrapper .header_help_dropdown_wrapper {
    position: relative
}

.cp_header_wrapper .header_locations_menu, .cp_header_wrapper .header_help_menu {
    padding: 20px;
    width: 300px
}

.cp_header_wrapper .header_locations_menu .faq-search, .cp_header_wrapper .header_help_menu .faq-search {
    padding-bottom: 25px;
    border-bottom: 1px solid #cccccc
}

.cp_header_wrapper .header_locations_menu label, .cp_header_wrapper .header_help_menu label {
    font-size: 16px;
    margin: 0 5px 10px 0;
    display: inline-block
}

.cp_header_wrapper .header_locations_menu .locations_geo_search,
.cp_header_wrapper .header_help_menu .locations_geo_search {
    display: none
}

.cp_header_wrapper .header_locations_menu .locations_geo_search .icon-spinner,
.cp_header_wrapper .header_help_menu .locations_geo_search .icon-spinner {
    display: none
}

.cp_header_wrapper .header_locations_menu .locations_geo_search .icon-crosshair,
.cp_header_wrapper .header_help_menu .locations_geo_search .icon-crosshair {
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8%2F9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAOFJREFUeNpiYMADWNk5CkAYnxoWBvxAgIA8AxMDhYAZj%2FMDgFQ4ECsws7Aw%2Fvv75wI2dYxYNBoAqflA%2FBaIuaHCX4FYGIgTf%2F%2F8cYGQAeeB1EEg3gvEkVDh5UDsDMT2QAMMcYYBUHMC1Oa9WFwLEnsLVYNwATSaYKFtD8QcQHwfyr8CpXWgtCIQ%2F4C6EAQ%2BUBwLjFi8EAPEE6FCyGEAAvlAvAQYDguwhgFUQhgaYOgAJKaMrJnUaFQG4kD0aMSXDxKAeD8UJ5CcEkEpD5gCQaH%2BEGjrBJrlBUK58QMhAwACDABnXj9GKqCr9gAAAABJRU5ErkJggg%3D%3D);
    position: relative;
    top: 2px;
    display: inline-block
}

.cp_header_wrapper .header_locations_menu .locations_geo_search button.disabled .icon-spinner,
.cp_header_wrapper .header_help_menu .locations_geo_search button.disabled .icon-spinner {
    display: inline-block
}

.cp_header_wrapper .header_locations_menu .locations_geo_search button.disabled .icon-crosshair,
.cp_header_wrapper .header_help_menu .locations_geo_search button.disabled .icon-crosshair {
    display: none
}

.cp_header_wrapper .header_locations_menu .preferred_locations,
.cp_header_wrapper .header_help_menu .preferred_locations {
    padding: 15px 0;
    border-bottom: 1px solid #cccccc
}

.cp_header_wrapper .header_locations_menu .preferred_locations .preferred_locations_edit_link,
.cp_header_wrapper .header_help_menu .preferred_locations .preferred_locations_edit_link {
    font-size: 12px;
    text-decoration: underline
}

.cp_header_wrapper .header_locations_menu .preferred_locations ol,
.cp_header_wrapper .header_help_menu .preferred_locations ol {
    padding: 0;
    list-style: none;
    margin: 0
}

.cp_header_wrapper .header_locations_menu .preferred_locations ol li,
.cp_header_wrapper .header_help_menu .preferred_locations ol li {
    height: 24px
}

.cp_header_wrapper .header_locations_menu .help_nav, .cp_header_wrapper .header_help_menu .help_nav {
    list-style: none;
    padding: 0;
    margin: 0 25px 0 0
}

.cp_header_wrapper .header_locations_menu .help_nav li, .cp_header_wrapper .header_help_menu .help_nav li {
    line-height: 30px
}

@media (max-width: 767px) {
    .cp_header_wrapper .header_locations_menu, .cp_header_wrapper .header_help_menu {
        padding: 20% 10%;
        width: auto
    }

    .cp_header_wrapper .header_locations_menu .hours_and_locations_nav,
    .cp_header_wrapper .header_help_menu .hours_and_locations_nav {
        line-height: 30px
    }

    .cp_header_wrapper .header_locations_menu .help_nav li, .cp_header_wrapper .header_help_menu .help_nav li {
        line-height: 45px
    }
}

.cp_header_wrapper .header_main {
    position: relative
}

.cp_header_wrapper .cp_header_client_area {
    margin-right: 5%;
    min-width: 30%
}

.cp_header_wrapper .cp_header_client_area .logo img {
    max-height: 65px;
    max-width: 100%
}

@media screen and (max-width: 991px) {
    .cp_header_wrapper .cp_header_client_area {
        width: 100%;
        margin-right: 0
    }

    .cp_header_wrapper .cp_header_client_area .logo {
        margin-right: 10px
    }
}

.cp_header_wrapper .cp_header_search .main_search_input {
    padding-left: .65em
}

.cp_header_wrapper .cp_header_search .main_search_input::-ms-clear {
    display: none
}

.cp_header_wrapper .cp_header_search .header_search_clear_button {
    color: #666;
    display: none;
    height: 34px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 4
}

.cp_header_wrapper .cp_header_search .header_search_clear_button .svg_close_icon {
    height: 100%
}

.cp_header_wrapper .cp_header_search .header_search_filter_lock {
    top: 0;
    left: 0;
    z-index: 4
}

.cp_header_wrapper .cp_header_search .header_search_filter_lock svg path {
    fill: #666
}

.cp_header_wrapper .cp_header_search .form-control-feedback {
    display: none
}

.cp_header_wrapper .cp_header_search .with_lock .form-control-feedback {
    display: block
}

.cp_header_wrapper .cp_header_search .with_lock .main_search_input {
    padding-left: 2em
}

.cp_header_wrapper .cp_header_search .with_clear .header_search_clear_button {
    display: block
}

.cp_header_wrapper .cp_header_search .with_clear .main_search_input {
    padding-right: 3em
}

.cp_header_wrapper .cp_header_search .adv_search {
    padding-top: 4px;
    min-height: 2em;
    position: absolute;
    right: 0
}

.cp_header_wrapper .cp_header_search .adv_search a + a {
    margin-left: 10px
}

.cp_header_wrapper .cp_header_search .desktop_search_form .form-group {
    margin-bottom: 0
}

.cp_header_wrapper .cp_header_search .desktop_search_form .form-group .input-group input,
.cp_header_wrapper .cp_header_search .desktop_search_form .form-group .btn {
    min-height: 36px
}

.cp_header_wrapper .cp_header_search .desktop_search_form .form-group .input-group-btn:last-child > .btn {
    margin-left: 0
}

.cp_header_wrapper .cp_header_search .desktop_search_form .form-horizontal {
    padding-right: 15px
}

.cp_header_wrapper .cp_header_search .main_search_input {
    font-size: 16px
}

.cp_header_wrapper .cp_header_search .main_search_input_wrapper {
    display: block;
    position: relative
}

.cp_header_wrapper .header_search_wrapper_desktop {
    width: 100%;
    position: relative
}

.cp_header_wrapper .header_search_wrapper_desktop .cp_header_search {
    width: 75%
}

.cp_header_wrapper .header_collapsible_search_wrapper {
    width: 100%
}

.cp_header_wrapper .header_collapsible_search_wrapper .header_collapsible_search_trigger {
    float: right;
    font-size: 1.25em;
    font-weight: 600;
    text-decoration: none;
    display: inline-block;
    padding: 5px;
    background: none
}

.cp_header_wrapper .header_collapsible_search_wrapper .header_collapsible_search_trigger .icon-search {
    font-size: 1.4em
}

.cp_header_wrapper .header_collapsible_search_wrapper .header_collapsible_search_trigger + .header_search_wrapper_desktop {
    display: none
}

.cp_header_wrapper .header_collapsible_search_wrapper .header_search_wrapper_desktop:not(.header_search_catalogue) .adv_search a {
    display: none
}

.cp_header_wrapper .header_collapsible_search_wrapper .header_search_wrapper_desktop:not(.header_search_catalogue) .header_search_filter_lock {
    display: none
}

.cp_header_wrapper .header_collapsible_search_wrapper .header_search_wrapper_desktop:not(.header_search_catalogue) .main_search_input {
    padding: 4px
}

.cp_header_wrapper .header_collapsible_search_wrapper .header_search_wrapper_desktop .cp_header_search {
    width: auto;
    opacity: 0;
    transition: opacity 0.3s
}

.cp_header_wrapper .header_collapsible_search_wrapper .header_search_wrapper_desktop .cp_header_search.loaded {
    opacity: 1
}

.cp_header_wrapper .header_collapsible_search_wrapper .header_search_wrapper_desktop .cp_header_search h2 {
    margin: 0;
    font-weight: 600
}

.cp_header_wrapper .header_collapsible_search_wrapper .header_search_wrapper_desktop .cp_header_search .form-group {
    display: inline-block;
    margin: 0
}

.cp_header_wrapper .header_collapsible_search_wrapper .header_search_wrapper_desktop .cp_header_search .connector {
    margin: 0 10px;
    display: inline;
    font-weight: 600;
    font-size: 1.2em
}

.cp_header_wrapper .header_collapsible_search_wrapper .header_search_wrapper_desktop .cp_header_search .header_search_box {
    padding-left: 20px
}

body.search-results .cp_header_wrapper .header_collapsible_search_wrapper .header_search_wrapper_desktop,
.cp_header_wrapper .header_collapsible_search_wrapper.open .header_search_wrapper_desktop {
    display: block
}

body.search-results .cp_header_wrapper .header_collapsible_search_wrapper .header_collapsible_search_trigger,
.cp_header_wrapper .header_collapsible_search_wrapper.open .header_collapsible_search_trigger {
    display: none
}

.cp_header_wrapper .search_wrapper_xs {
    display: none;
    background-color: #f2f2f2;
    border-top: 1px solid #ccc;
    padding: 15px 0px
}

.cp_header_wrapper .search_wrapper_xs .header_search_title {
    margin: 0 0 10px;
    font-size: 1.25em
}

.cp_header_wrapper .search_wrapper_xs .header_search_box button {
    font-size: large;
    padding-top: 3px;
    padding-bottom: 3px
}

.cp_header_wrapper .search_wrapper_xs .adv_search {
    padding: 0;
    margin: 5px 0 0;
    position: static;
    min-height: auto
}

.cp_header_wrapper .search_wrapper_xs .adv_search a {
    color: #3f4344;
    text-decoration: underline
}

.cp_header_wrapper .search_wrapper_xs:not(.header_search_catalogue) .adv_search {
    display: none
}

.cp_header_wrapper .search_wrapper_xs:not(.header_search_catalogue) .header_search_filter_lock {
    display: none
}

.cp_header_wrapper .search_wrapper_xs:not(.header_search_catalogue) .main_search_input {
    padding: 4px
}

.cp_header_wrapper .search_wrapper_xs .bootstrap-select-wrapper {
    display: block
}

.cp_header_wrapper .search_wrapper_xs .bootstrap-select-wrapper .btn-group .btn.dropdown-toggle .filter-option {
    width: calc(100% - 20px)
}

.cp_header_wrapper .search_wrapper_xs .connector {
    display: none
}

.cp_header_wrapper .client_and_search {
    background-color: #fff;
    padding: 15px 0
}

.cp_header_wrapper .client_and_search .container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: transparent;
    min-height: 4em
}

.cp_header_wrapper .client_and_search .xs_icon_triggers {
    font-size: 1.7em;
    display: inline-block;
    line-height: 65px
}

.cp_header_wrapper .client_and_search .xs_icon_triggers a {
    padding: 8px 10px;
    display: inline-block;
    line-height: normal
}

.cp_header_wrapper .client_and_search .xs_icon_triggers a + a {
    border-left: solid 1px #e4e4e4
}

.cp_header_wrapper .client_and_search .xs_icon_triggers .header_search_xs {
    font-size: 110%
}

.cp_header_wrapper .client_and_search .xs_icon_triggers.on {
    margin-bottom: -37px;
    background-color: #f2f2f2;
    border-color: #ccc;
    border-style: solid;
    border-width: 1px 1px 0 1px;
    line-height: normal
}

.cp_header_wrapper .client_and_search .xs_icon_triggers.on .header_search_xs {
    color: #666;
    font-size: x-large
}

@media screen and (max-width: 991px) {
    .cp_header_wrapper .client_and_search {
        padding: 10px 0
    }
}

.cp_header_wrapper .cp_header_nav {
    background-color: #fff;
    border: none;
    margin-bottom: 0
}

.cp_header_wrapper .cp_header_nav .container {
    background-color: #fff;
    position: static
}

.cp_header_wrapper .cp_header_nav .yamm-content {
    padding: 10px 0
}

.cp_header_wrapper .cp_header_nav .menu-column {
    margin-left: 0
}

.cp_header_wrapper .cp_header_nav .menu-column .indent {
    padding: 0 0 0 25px
}

.cp_header_wrapper .cp_header_nav .menu-column h3 {
    margin-top: 0;
    text-transform: uppercase;
    padding: 8px 15px;
    font-size: medium
}

.cp_header_wrapper .cp_header_nav .menu-column li {
    padding: 0 15px
}

.cp_header_wrapper .cp_header_nav .menu-column li a {
    display: block;
    margin-left: -15px;
    margin-right: -15px;
    padding: 8px 15px
}

.cp_header_wrapper .cp_header_nav .menu-column ul {
    margin-left: 0
}

.cp_header_wrapper .cp_header_nav .nav.navbar-nav > li {
    border: none
}

.cp_header_wrapper .cp_header_nav .dropdown.open .dropdown-menu {
    top: auto
}

.cp_header_wrapper .cp_header_nav .header_nav_icon {
    margin-right: 4px
}

@media (min-width: 992px) {
    .cp_header_wrapper .cp_header_nav .menu-column {
        float: left
    }

    .cp_header_wrapper .cp_header_nav .menu-column:first-child:nth-last-child(1) {
        float: none
    }

    .cp_header_wrapper .cp_header_nav .mobile {
        display: none
    }

    .cp_header_wrapper .cp_header_nav .desktop {
        display: block
    }

    .cp_header_wrapper .cp_header_nav .yamm-fw .yamm-content {
        padding: 30px 10px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

    .cp_header_wrapper .cp_header_nav .yamm-fw .yamm-content.container {
        background: transparent
    }

    .cp_header_wrapper .cp_header_nav .yamm-fw .dropdown-menu {
        border-width: 0 0 1px 0
    }

    .cp_header_wrapper .cp_header_nav .yamm-fw h2, .cp_header_wrapper .cp_header_nav .yamm-fw h3 {
        font-weight: bold;
        margin: 0
    }

    .cp_header_wrapper .cp_header_nav .yamm-fw .menu-title {
        margin-right: 50px
    }

    .cp_header_wrapper .cp_header_nav .yamm-fw .menu-column {
        float: none;
        border-right: 1px solid #cccac8;
        padding-right: 15px;
        margin-right: 15px
    }

    .cp_header_wrapper .cp_header_nav .yamm-fw .menu-column:last-child {
        border: none;
        margin-right: 0;
        padding-right: 0
    }
}

@media (max-width: 991px) {
    .cp_header_wrapper .cp_header_nav {
        padding: 20% 0;
        font-size: 21px;
        line-height: 45px;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        overflow: auto
    }

    .cp_header_wrapper .cp_header_nav .dropdown-menu {
        font-size: 18px
    }

    .cp_header_wrapper .cp_header_nav ul.navbar-nav > li > a {
        line-height: 45px
    }

    .cp_header_wrapper .cp_header_nav .menu-column {
        margin-bottom: 20px
    }

    .cp_header_wrapper .cp_header_nav .menu-column li {
        margin-left: -15px
    }

    .cp_header_wrapper .cp_header_nav .menu-column li a {
        padding: 3px 0;
        display: block;
        padding-left: 45px;
        line-height: 45px
    }

    .cp_header_wrapper .cp_header_nav .menu-title {
        display: none
    }

    .cp_header_wrapper .cp_header_nav .yamm-content {
        padding: 5px 25px
    }

    .cp_header_wrapper .cp_header_nav .desktop {
        display: none
    }

    .cp_header_wrapper .cp_header_nav .mobile {
        display: block
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .cp_header_wrapper .cp_header_nav {
        padding-left: 10%;
        padding-right: 10%
    }
}

.cp_header_wrapper .cp_header_auto_suggest .dropdown-menu {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 34px
}

.cp_header_wrapper .cp_header_auto_suggest a, .cp_header_wrapper .cp_header_auto_suggest .suggestion_loading_placeholder {
    color: inherit;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 10px 16px
}

.cp_header_wrapper .cp_header_auto_suggest .selected a {
    background-color: #f5f5f5
}

.cp_header_wrapper .suggestion-skeleton-icon {
    animation: pulsate 3s infinite;
    height: 12px;
    width: 100%
}

@media print {
    .cp_header, .screen_reader_nav {
        display: none !important
    }
}

@-webkit-keyframes pulsate {
    0% {
        color: #ccc
    }

    50% {
        color: #eee
    }

    100% {
        color: #ccc
    }
}

@-moz-keyframes pulsate {
    0% {
        color: #ccc
    }

    50% {
        color: #eee
    }

    100% {
        color: #ccc
    }
}

@-o-keyframes pulsate {
    0% {
        color: #ccc
    }

    50% {
        color: #eee
    }

    100% {
        color: #ccc
    }
}

@keyframes pulsate {
    0% {
        color: #ccc
    }

    50% {
        color: #eee
    }

    100% {
        color: #ccc
    }
}

body.lt_responsive .cp_drawer .visible_in_drawer {
    display: none
}

@media screen and (max-width: 1199px) {
    body.lt_responsive.drawer-open {
        overflow: hidden
    }

    body.lt_responsive .drawer_backdrop {
        display: none;
        visibility: hidden;
        z-index: 3;
        position: fixed;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        width: 100vw;
        height: 100vh;
        background-color: #000;
        opacity: 0;
        transition: opacity .1s ease-in;
        -webkit-transition: opacity .1s ease-in
    }

    body.lt_responsive .cp_drawer {
        margin-left: -15px;
        margin-right: -15px;
        position: fixed;
        width: 50vw;
        top: 0;
        bottom: 0;
        padding-right: 0;
        overflow: scroll;
        -webkit-overflow-scrolling: touch;
        background: inherit;
        z-index: 9999
    }

    body.lt_responsive .cp_drawer:before, body.lt_responsive .cp_drawer:after {
        content: " ";
        display: table
    }

    body.lt_responsive .cp_drawer:after {
        clear: both
    }

    body.lt_responsive .cp_drawer.cp_drawer_left {
        transition: left 0.35s cubic-bezier(0.77, 0, 0.175, 1);
        -webkit-transition: left 0.35s cubic-bezier(0.77, 0, 0.175, 1);
        left: -100%
    }

    body.lt_responsive .cp_drawer.cp_drawer_left.active {
        left: 0
    }

    body.lt_responsive .cp_drawer.cp_drawer_right {
        transition: left 0.35s cubic-bezier(0.77, 0, 0.175, 1);
        -webkit-transition: left 0.35s cubic-bezier(0.77, 0, 0.175, 1);
        right: -100%
    }

    body.lt_responsive .cp_drawer.cp_drawer_right.active {
        right: 0
    }

    body.lt_responsive .cp_drawer.active ~ .drawer_backdrop {
        opacity: 0.3;
        display: block;
        visibility: visible
    }

    body.lt_responsive .cp_drawer.active .visible_in_drawer {
        display: block
    }

    body.lt_responsive .drawer_button.btn {
        padding: 12px 15px;
        position: relative;
        left: -15px;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }

    body.lt_responsive .drawer_button.btn.cp_position_sticky {
        top: 20px;
        width: auto !important;
        left: 0
    }

    body.lt_responsive .drawer_button.btn.cp_position_sticky ~ .cp_position_sticky_padding {
        display: inline-block
    }

    body.lt_responsive .drawer_button.btn.cp_position_sticky .visible_if_sticky_position {
        display: none
    }

    body.lt_responsive .drawer_button:hover {
        opacity: 1
    }

    body.lt_responsive .drawer_button:hover.cp_position_sticky .visible_if_sticky_position {
        display: inline
    }

    body.lt_responsive .drawer_label_link {
        margin-left: 5px
    }
}

@media screen and (max-width: 767px) {
    body.lt_responsive .cp_drawer {
        width: 90vw
    }
}

.cp_borrowing_widget {
    margin-top: 20px;
    border-top: 6px solid #42474C
}

.cp_borrowing_widget .lib_at {
    margin-left: 35px;
    font-size: 14px;
    margin-top: 5px
}

.cp_borrowing_widget .panel {
    border: none
}

.cp_borrowing_widget .panel-body {
    padding: 0;
    border: none;
    margin-top: -1px
}

.cp_borrowing_widget .panel-heading {
    border: 1px solid #dadada;
    padding: 10px 20px;
    background: #fff;
    border-bottom-width: 3px
}

.cp_borrowing_widget .panel-heading h3 {
    margin-left: -10px;
    color: #333;
    margin-top: 10px
}

.cp_borrowing_widget .hold_status.small span, .cp_borrowing_widget .checkedout_status.small span {
    border-radius: 2px;
    padding: 2px 8px
}

.cp_borrowing_widget .hold_status .ready_for_pickup, .cp_borrowing_widget .hold_status .ready_soon,
.cp_borrowing_widget .hold_status .out, .cp_borrowing_widget .checkedout_status .ready_for_pickup,
.cp_borrowing_widget .checkedout_status .ready_soon, .cp_borrowing_widget .checkedout_status .out {
    color: green;
    background-color: rgba(0, 128, 0, 0.15)
}

.cp_borrowing_widget .hold_status .suspended, .cp_borrowing_widget .checkedout_status .suspended {
    color: #006080;
    background-color: rgba(0, 96, 128, 0.15)
}

.cp_borrowing_widget .hold_status .in_transit, .cp_borrowing_widget .hold_status .on_order,
.cp_borrowing_widget .hold_status .coming_due, .cp_borrowing_widget .checkedout_status .in_transit,
.cp_borrowing_widget .checkedout_status .on_order, .cp_borrowing_widget .checkedout_status .coming_due {
    color: #b34400;
    background-color: rgba(179, 68, 0, 0.15)
}

.cp_borrowing_widget .hold_status .not_yet_available, .cp_borrowing_widget .checkedout_status .not_yet_available {
    color: #666;
    background-color: rgba(102, 102, 102, 0.15)
}

.cp_borrowing_widget .hold_status .overdue, .cp_borrowing_widget .checkedout_status .overdue {
    color: #7c0000;
    background-color: rgba(124, 0, 0, 0.15)
}

.cp_borrowing_widget .icon-spinner {
    display: none
}

.cp_borrowing_widget .stale_state .hold_status span, .cp_borrowing_widget .stale_state .checkedout_status span {
    color: #666;
    background-color: rgba(102, 102, 102, 0.15)
}

.cp_borrowing_widget .stale_state .icon-angle-right {
    display: none
}

.cp_borrowing_widget .stale_state .icon-spinner {
    display: inline
}

.cp_borrowing_widget .next_due {
    display: inline-block;
    margin-left: 0
}

.cp_borrowing_widget .status_wrapper {
    float: left;
    max-width: calc(100% - 73px)
}

.cp_borrowing_widget .borrowing_section_title {
    padding-right: .75em
}

.cp_borrowing_widget .borrowing_section_title ~ .next_due {
    font-weight: 400
}

.cp_borrowing_widget .list-group {
    padding: 0;
    margin-bottom: -1px
}

.cp_borrowing_widget .list-group .list-group-item {
    font-size: 16px;
    padding: 15px
}

.cp_borrowing_widget .list-group .list-group-item:hover {
    color: #000
}

.cp_borrowing_widget .list-group .list-group-item .section_title {
    font-weight: 600;
    color: #333;
    padding: 10px 0 15px 0;
    display: block;
    margin-right: 12px
}

.cp_borrowing_widget .list-group .list-group-item.current {
    background-color: #f1f1f1;
    padding-bottom: 20px;
    border-bottom: 2px solid #dadada
}

.cp_borrowing_widget .list-group .list-group-item .small {
    margin-top: 10px
}

.cp_borrowing_widget .list-group .list-group-item .widget_count {
    margin-right: -12px
}

.cp_borrowing_widget .status_button {
    text-align: left;
    border-color: #e4e4e4;
    font-weight: 600;
    padding: 10px 13px 9px 0px;
    white-space: normal;
    overflow: hidden
}

.cp_borrowing_widget .status_button:hover, .cp_borrowing_widget .status_button.current {
    opacity: 1;
    background-color: #e4e4e4;
    -webkit-transition-property: background-color;
    transition-property: background-color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out
}

.cp_borrowing_widget .status_button:hover.ready_for_pickup, .cp_borrowing_widget .status_button:hover.ready_soon,
.cp_borrowing_widget .status_button:hover.out, .cp_borrowing_widget .status_button.current.ready_for_pickup,
.cp_borrowing_widget .status_button.current.ready_soon, .cp_borrowing_widget .status_button.current.out {
    background-color: rgba(0, 128, 0, 0.12)
}

.cp_borrowing_widget .status_button:hover.suspended, .cp_borrowing_widget .status_button.current.suspended {
    background-color: rgba(0, 96, 128, 0.12)
}

.cp_borrowing_widget .status_button:hover.in_transit, .cp_borrowing_widget .status_button:hover.on_order,
.cp_borrowing_widget .status_button:hover.coming_due, .cp_borrowing_widget .status_button.current.in_transit,
.cp_borrowing_widget .status_button.current.on_order, .cp_borrowing_widget .status_button.current.coming_due {
    background-color: rgba(179, 68, 0, 0.12)
}

.cp_borrowing_widget .status_button:hover.not_yet_available, .cp_borrowing_widget .status_button.current.not_yet_available {
    background-color: rgba(102, 102, 102, 0.12)
}

.cp_borrowing_widget .status_button:hover.overdue, .cp_borrowing_widget .status_button.current.overdue {
    background-color: rgba(124, 0, 0, 0.12)
}

.cp_borrowing_widget .status_button.current {
    cursor: default
}

.cp_borrowing_widget .status_button .hold_status_icon, .cp_borrowing_widget .status_button .checkedout_status_icon {
    padding: 10px;
    margin-right: 10px;
    float: left;
    margin-top: -10px;
    margin-bottom: -10px
}

.cp_borrowing_widget .inner_list_group_item {
    color: #555;
    position: relative;
    display: block;
    padding: 5px 20px;
    margin-bottom: -1px;
    background-color: white;
    border: none
}

.cp_borrowing_widget .inner_list_group_item:hover, .cp_borrowing_widget .inner_list_group_item:focus {
    text-decoration: none;
    color: #555555;
    background-color: whitesmoke
}

.cp_borrowing_widget .my_borrowing_at {
    line-height: 1.4
}

.cp_borrowing_widget .my_borrowing_library_name {
    padding-top: 20px
}

.cp_borrowing_widget .my_borrowing_library_name .dropdown-toggle {
    color: #666;
    padding-top: 10px
}

.cp_borrowing_widget .total_items_button {
    color: #000;
    border-color: #e4e4e4;
    display: block;
    width: 100%;
    text-align: left;
    font-weight: 600;
    padding: 10px 12px;
    margin-bottom: 30px
}

.cp_borrowing_widget .cp_library_switcher .lib_toggle_trigger {
    text-decoration: none
}

.cp_borrowing_widget .cp_library_switcher .lib_toggle_trigger .library_mobile_image_circled {
    margin-right: 0
}

.cp_borrowing_widget .cp_library_switcher .lib_toggle_content,
.cp_borrowing_widget .cp_library_switcher.toggle_open .lib_toggle_trigger {
    display: none
}

.cp_borrowing_widget .cp_library_switcher.toggle_open .lib_toggle_content {
    display: block
}

@media screen and (max-width: 1199px) {
    .cp_borrowing_widget {
        margin-top: 0
    }
}

.cp_like .like_button {
    background: none;
    border: none;
    outline: none
}

.cp_like .like_button.liked i {
    color: #ff0000
}

.cp_like .like_count_button {
    background: none;
    border: 1px solid #8c8c8c;
    border-radius: 5px;
    font-size: 11px;
    line-height: 14px;
    padding: 2px 8px;
    outline: none
}

.cp_like.detached_like_breakdown {
    margin-top: 35px
}

.cp_like .like_breakdown {
    background: #EEE;
    padding: 20px 25px;
    position: relative;
    display: none;
    margin-top: 15px
}

.cp_like .like_breakdown.serverside {
    display: block
}

.cp_like .like_breakdown i.icon-spinner {
    -webkit-animation: Rotate 1.25s infinite linear;
    -moz-animation: Rotate 1.25s infinite linear;
    -ms-animation: Rotate 1.25s infinite linear;
    -o-animation: Rotate 1.25s infinite linear;
    animation: Rotate 1.25s infinite linear;
    font-size: 40px;
    display: inline-block;
    width: 100%;
    text-align: center
}

.cp_like .like_breakdown .like_breakdown_close {
    position: absolute;
    right: 10px;
    top: 8px;
    color: #666
}

.cp_like .like_breakdown .like_breakdown_heading {
    font-size: 14px;
    margin: 0 0 15px 0;
    font-weight: bold
}

.cp_like .like_breakdown .like_usernames {
    display: block
}

.cp_like .like_breakdown .like_usernames .icon-heart {
    margin-right: 3px
}

.cp_like .like_breakdown .like_usernames .like_username {
    color: #666
}

.cp_like .like_breakdown .like_usernames_see_more_wrap {
    text-align: right
}

.cp_like .like_breakdown .like_usernames_see_more_wrap i.icon-spinner {
    font-size: 18px;
    text-align: right;
    display: inline
}

.cp_like .like_breakdown .like_breakdown_see_more {
    color: #666;
    text-decoration: none
}

.cp_like .like_breakdown .like_breakdown_see_more:hover {
    color: #444
}

.cp_like .like_breakdown .like_library_breakdown .like_library .icon-library {
    font-size: 18px;
    margin-left: -3px
}

.cp_like .like_breakdown .like_library_breakdown .like_library .like_library_name {
    display: inline-block
}

.cp_like .like_breakdown .like_library_breakdown .like_library .like_library_percentage_wrap {
    width: 100%;
    padding: 0 0 0 26px;
    box-sizing: border-box
}

.cp_like .like_breakdown .like_library_breakdown .like_library .like_library_percentage_wrap .like_library_percentage {
    display: inline-block;
    box-sizing: border-box;
    padding: 0 5px 0 0;
    margin: 8px 0 12px 0;
    text-align: right;
    font-size: 13px;
    background: #666666;
    color: #fff;
    -moz-transition: width 1s;
    -webkit-transition: width 1s;
    transition: width 1s;
    width: 0
}

.cp_like .like_breakdown .like_library_breakdown .like_library:last-child .like_library_percentage_wrap .like_library_percentage {
    margin-bottom: 0
}

@-o-keyframes Rotate {
    from {
        -o-transform: rotate(0deg)
    }

    to {
        -o-transform: rotate(360deg)
    }
}

@-moz-keyframes Rotate {
    from {
        -moz-transform: rotate(0deg)
    }

    to {
        -moz-transform: rotate(360deg)
    }
}

@-ms-keyframes Rotate {
    from {
        -ms-transform: rotate(0deg)
    }

    to {
        -ms-transform: rotate(360deg)
    }
}

@-webkit-keyframes Rotate {
    from {
        -webkit-transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes Rotate {
    from {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(360deg)
    }
}

.cp_overflow_toggle .bottom-edge-gradient .less, .cp_overflow_toggle .bottom-edge-gradient .more {
    display: inline
}

.cp_overflow_toggle .overflow-gradient {
    width: 100%;
    height: 25px;
    display: block;
    position: absolute;
    bottom: 0px;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.25)), to(#fff));
    background-image: -webkit-linear-gradient(left top, left bottom, rgba(255, 255, 255, 0.25), #fff);
    background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.25), #fff);
    background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0.25), #fff);
    background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.25), #fff)
}

.cp_inline_expand {
    position: absolute;
    left: -100vw;
    overflow: hidden;
    visibility: hidden;
    -webkit-transition: max-height 0.8s;
    transition: max-height 0.8s
}

.cp_inline_expand.transitioning {
    position: relative;
    left: auto
}

.cp_inline_expand.in {
    position: relative;
    visibility: visible;
    max-height: 0px;
    left: auto
}

.cp_expander:not(.cp_expander_loaded) .expand_text, .cp_expander:not(.cp_expander_loaded) .collapse_expand_actions {
    display: none
}

.cp_batch_list_actions .listItem {
    -webkit-transition: opacity 0.4s ease-out;
    transition: opacity 0.4s ease-out
}

.cp_batch_list_actions .listItem.bc_checked_item {
    box-shadow: 5px 5px 5px #ccc;
    z-index: 10
}

.cp_batch_list_actions .listItem.faded_item {
    opacity: 0;
    display: none
}

.cp_batch_list_actions .master_item_count {
    margin-left: 5px
}

.cp_batch_list_actions .batch_action_buttons {
    background: #f1f1f1;
    border: 1px solid #ccc;
    margin-top: -2px;
    margin-bottom: 40px;
    padding: 10px;
    border-bottom: none;
    padding-top: 20px
}

.cp_batch_list_actions .batch_action_buttons.cp_position_sticky {
    box-shadow: 0px 5px 5px #dadada
}

.cp_batch_list_actions .batch_action_buttons label {
    margin: 0;
    padding-left: 5px;
    vertical-align: middle
}

.cp_batch_list_actions .batch_action_buttons .cp_inline_overlay.active {
    opacity: 1
}

.cp_batch_list_actions .batch_action_buttons .tooltip_wrapper {
    display: inline-block
}

.cp_batch_list_actions .batch_action_buttons .master_checkbox_container {
    float: left;
    margin-left: 33px
}

.cp_batch_list_actions .batch_action_buttons .button_container {
    text-align: right
}

.cp_batch_list_actions .batch_action_buttons .shelf_batch_button {
    margin-left: 5px
}

@media screen and (max-width: 767px) {
    .cp_batch_list_actions .batch_action_buttons.borrowing_batch_actions {
        padding: 0px 0px 5px 0px
    }

    .cp_batch_list_actions .batch_action_buttons.borrowing_batch_actions .master_item_count {
        display: none
    }

    .cp_batch_list_actions .batch_action_buttons.borrowing_batch_actions label {
        padding-left: 0px
    }

    .cp_batch_list_actions .batch_action_buttons.borrowing_batch_actions .num_selected_items {
        display: inline-block;
        font-weight: 600;
        margin-left: 5px;
        color: #fff
    }

    .cp_batch_list_actions .batch_action_buttons.borrowing_batch_actions .master_checkbox_container {
        background-color: #666;
        padding: 5px 10px 5px 25px;
        width: 100%;
        margin-left: 0px;
        color: #fff
    }

    .cp_batch_list_actions .batch_action_buttons.borrowing_batch_actions .master_checkbox_container .cp_pretty_checkbox .pretty_checkbox_primary .check {
        color: #fff
    }

    .cp_batch_list_actions .batch_action_buttons.borrowing_batch_actions .button_container {
        text-align: center;
        margin-top: 45px
    }

    .cp_batch_list_actions .batch_action_buttons.borrowing_batch_actions .button_container .shelf_batch_button {
        margin-left: 0px
    }

    .cp_batch_list_actions .batch_action_buttons.borrowing_batch_actions .button_container .btn {
        height: 50px
    }

    .cp_batch_list_actions .batch_action_buttons.borrowing_batch_actions .button_container .btn i {
        display: block;
        font-size: 16px
    }

    .cp_batch_list_actions .batch_action_buttons.borrowing_batch_actions .button_container .btn i.icon-cancel-circled {
        font-size: 18px;
        margin-top: -2px
    }

    .cp_batch_list_actions .batch_action_buttons.borrowing_batch_actions .button_container .btn .item_count {
        display: block;
        margin-top: -5px
    }
}

.cp_position_sticky {
    position: fixed !important;
    top: 0;
    z-index: 998
}

.cp_position_sticky ~ .cp_position_sticky_padding {
    display: block
}

.cp_position_sticky_padding {
    display: none
}

.hexagon {
    position: relative;
    width: 150px;
    height: 86.60px;
    background-color: white;
    margin: 43.30px 0;
    border-left: solid 5px #E7E7E7;
    border-right: solid 5px #E7E7E7;
    margin-left: auto;
    margin-right: auto;
    z-index: 1
}

.hexagon:before {
    content: "";
    position: absolute;
    z-index: 1;
    width: 106px;
    height: 106px;
    -webkit-transform: scaleY(0.5774) rotate(-45deg);
    -ms-transform: scaleY(0.5774) rotate(-45deg);
    transform: scaleY(0.5774) rotate(-45deg);
    background-color: inherit;
    left: 17px;
    top: -53px;
    border-top: solid 7px #E7E7E7;
    border-right: solid 7px #E7E7E7
}

.hexagon:after {
    content: "";
    position: absolute;
    z-index: 1;
    width: 106px;
    height: 106px;
    -webkit-transform: scaleY(0.5774) rotate(-45deg);
    -ms-transform: scaleY(0.5774) rotate(-45deg);
    transform: scaleY(0.5774) rotate(-45deg);
    background-color: inherit;
    left: 17px;
    bottom: -53px;
    border-bottom: solid 7px #E7E7E7;
    border-left: solid 7px #E7E7E7
}

.hexagon .hexagon_body {
    position: absolute;
    z-index: 100;
    width: 100%
}

.hexagon .hexagon_body img {
    height: 100px;
    width: 100px;
    margin: -7px 20px 0
}

.hexagon.stacked_1 {
    margin-top: -130px;
    left: 12px;
    z-index: 0
}

.hexagon.stacked_1:before {
    z-index: 0
}

.hexagon.stacked_1:after {
    z-index: 0
}

.hexagon.stacked_2 {
    margin-top: -130px;
    left: 24px;
    z-index: 0
}

.hexagon.stacked_2:before {
    z-index: 0
}

.hexagon.stacked_2:after {
    z-index: 0
}

.badge_card_border, .cp_badge_card .badge_card_border {
    background-color: white;
    border: solid thin #D7D7D7;
    margin: -1px -1px 0 0;
    padding: 20px 0;
    min-height: 270px;
    cursor: pointer;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.badge_card_border a, .cp_badge_card .badge_card_border a {
    text-decoration: none
}

.badge_card_border .badge_download, .cp_badge_card .badge_card_border .badge_download {
    display: none
}

.badge_card_border:hover, .cp_badge_card .badge_card_border:hover {
    z-index: 1000;
    box-shadow: 1px 1px 2px 1px #b4b4b4
}

.badge_card_border:hover .badge_download, .cp_badge_card .badge_card_border:hover .badge_download {
    display: block;
    position: absolute;
    bottom: 0px;
    background-color: #2b2b2b;
    width: 100%;
    padding: 5px;
    color: white;
    text-align: center
}

.badge_card_border .title, .cp_badge_card .badge_card_border .title {
    margin-top: 50px;
    display: block;
    text-align: center;
    font-size: 16px;
    font-weight: 400
}

.badge_card_border .hex1, .cp_badge_card .badge_card_border .hex1 {
    right: 7px
}

.badge_card_border .stacked_1, .cp_badge_card .badge_card_border .stacked_1 {
    left: 3px;
    top: -26px
}

.badge_card_border .stacked_2, .cp_badge_card .badge_card_border .stacked_2 {
    left: 13px;
    top: -26px
}

.badge_card_border .badges_earned_date, .cp_badge_card .badge_card_border .badges_earned_date {
    color: #b4b4b4;
    bottom: 5px;
    position: absolute;
    margin-left: 15%
}

.badge_card_border .new_badge_icon, .cp_badge_card .badge_card_border .new_badge_icon {
    display: block;
    margin: 0 auto
}

.badge_card_border .badge_count, .cp_badge_card .badge_card_border .badge_count {
    position: absolute;
    margin-top: -90px;
    margin-left: 92px;
    color: white
}

.badge_super_badge_label {
    text-transform: uppercase;
    margin-bottom: -15px;
    color: #b4b4b4;
    text-align: center;
    display: block
}

.badge_header {
    border-left: thin solid #D7D7D7;
    border-right: thin solid #D7D7D7;
    border-bottom: 1px dotted #b4b4b4;
    padding: 20px 0 20px 0;
    background-color: white;
    margin-bottom: 0px
}

.badge_header.cp_widget {
    box-shadow: none
}

.badge_header #badge_info h2 {
    font-weight: bold
}

.badge_header #badge_info #badge_on_wishlist {
    display: none
}

.badge_header #badge_info .badge_super_badge_label {
    text-align: left
}

.cp_pretty_checkbox {
    transform: translateZ(0);
    display: inline-block
}

.cp_pretty_checkbox label {
    cursor: pointer;
    padding-left: 0
}

.cp_pretty_checkbox .pretty_checkbox_primary {
    vertical-align: middle;
    position: relative;
    top: 3px
}

.cp_pretty_checkbox .pretty_checkbox_primary:before {
    display: block;
    position: absolute;
    left: 0;
    content: "";
    background-color: #007faa;
    height: 20px;
    width: 20px;
    border-radius: 100%;
    z-index: 1;
    opacity: 0;
    margin: 0;
    -ms-transform: scale3d(2.3, 2.3, 1);
    transform: scale3d(2.3, 2.3, 1)
}

.cp_pretty_checkbox .pretty_checkbox_primary .check {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    border: 2px solid;
    border-radius: 2px;
    overflow: hidden;
    z-index: 1;
    color: #666
}

.cp_pretty_checkbox .pretty_checkbox_primary .check:before {
    position: absolute;
    content: "";
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    display: block;
    margin-top: -4px;
    margin-left: 6px;
    width: 0;
    height: 0;
    box-shadow: 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0 inset;
    -webkit-animation: uncheck 300ms forwards;
    -moz-animation: uncheck 300ms forwards;
    animation: uncheck 300ms forwards
}

.cp_pretty_checkbox input[type=checkbox]:focus + .pretty_checkbox_primary .check {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

.cp_pretty_checkbox input[type=checkbox]:checked + .pretty_checkbox_primary .check:before {
    box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0px 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px;
    -webkit-animation: check 300ms forwards;
    -moz-animation: check 300ms forwards;
    animation: check 300ms forwards
}

.cp_pretty_checkbox input[type=checkbox][disabled]:not(:checked) ~ .pretty_checkbox_primary .check:before {
    opacity: 0.5
}

.cp_pretty_checkbox input[type=checkbox][disabled] + .pretty_checkbox_primary .check:after {
    background-color: rgba(0, 0, 0, 0.84);
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.cp_pretty_checkbox.no_animate .check:before {
    -webkit-animation: none !important;
    -moz-animation: none !important;
    animation: none !important
}

@-webkit-keyframes check {
    0% {
        box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0px 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 15px 2px 0 11px
    }

    50% {
        box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0px 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px 2px 0 11px
    }

    100% {
        box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0px 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px
    }
}

@-moz-keyframes check {
    0% {
        box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0px 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 15px 2px 0 11px
    }

    50% {
        box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0px 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px 2px 0 11px
    }

    100% {
        box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0px 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px
    }
}

@-o-keyframes check {
    0% {
        box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0px 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 15px 2px 0 11px
    }

    50% {
        box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0px 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px 2px 0 11px
    }

    100% {
        box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0px 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px
    }
}

@keyframes check {
    0% {
        box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0px 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 15px 2px 0 11px
    }

    50% {
        box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0px 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px 2px 0 11px
    }

    100% {
        box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0px 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px
    }
}

@-webkit-keyframes uncheck {
    0% {
        box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0px 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px, 0 0 0 0 inset
    }

    25% {
        box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0px 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px, 0 0 0 0 inset
    }

    50% {
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
        margin-top: -4px;
        margin-left: 6px;
        width: 0px;
        height: 0px;
        box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0px 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 15px 2px 0 11px, 0 0 0 0 inset
    }

    51% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        margin-top: -2px;
        margin-left: -2px;
        width: 20px;
        height: 20px;
        box-shadow: 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0px 0px 0 10px inset
    }

    100% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        margin-top: -2px;
        margin-left: -2px;
        width: 20px;
        height: 20px;
        box-shadow: 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0px 0px 0 0px inset
    }
}

@-moz-keyframes uncheck {
    0% {
        box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0px 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px, 0 0 0 0 inset
    }

    25% {
        box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0px 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px, 0 0 0 0 inset
    }

    50% {
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
        margin-top: -4px;
        margin-left: 6px;
        width: 0px;
        height: 0px;
        box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0px 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 15px 2px 0 11px, 0 0 0 0 inset
    }

    51% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        margin-top: -2px;
        margin-left: -2px;
        width: 20px;
        height: 20px;
        box-shadow: 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0px 0px 0 10px inset
    }

    100% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        margin-top: -2px;
        margin-left: -2px;
        width: 20px;
        height: 20px;
        box-shadow: 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0px 0px 0 0px inset
    }
}

@-o-keyframes uncheck {
    0% {
        box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0px 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px, 0 0 0 0 inset
    }

    25% {
        box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0px 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px, 0 0 0 0 inset
    }

    50% {
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
        margin-top: -4px;
        margin-left: 6px;
        width: 0px;
        height: 0px;
        box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0px 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 15px 2px 0 11px, 0 0 0 0 inset
    }

    51% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        margin-top: -2px;
        margin-left: -2px;
        width: 20px;
        height: 20px;
        box-shadow: 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0px 0px 0 10px inset
    }

    100% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        margin-top: -2px;
        margin-left: -2px;
        width: 20px;
        height: 20px;
        box-shadow: 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0px 0px 0 0px inset
    }
}

@keyframes uncheck {
    0% {
        box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0px 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px, 0 0 0 0 inset
    }

    25% {
        box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0px 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px, 0 0 0 0 inset
    }

    50% {
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
        margin-top: -4px;
        margin-left: 6px;
        width: 0px;
        height: 0px;
        box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0px 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 15px 2px 0 11px, 0 0 0 0 inset
    }

    51% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        margin-top: -2px;
        margin-left: -2px;
        width: 20px;
        height: 20px;
        box-shadow: 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0px 0px 0 10px inset
    }

    100% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        margin-top: -2px;
        margin-left: -2px;
        width: 20px;
        height: 20px;
        box-shadow: 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0px 0px 0 0px inset
    }
}

.cp_slider_for_badges {
    margin-bottom: 15px
}

.cp_slider_for_badges .carousel_item {
    display: none
}

.cp_slider_for_badges .bx-wrapper {
    margin-bottom: 0
}

.cp_slider_for_badges .bx-wrapper .carousel_item {
    font-size: 12px;
    display: inline-block;
    vertical-align: bottom;
    float: none !important;
    padding: 0
}

.cp_slider_for_badges .bx-wrapper .bx-viewport {
    min-width: 226px;
    padding-top: 5px;
    box-shadow: none;
    font-size: 0;
    background-color: #f1f1f1;
    border-top-width: 10px;
    border-bottom-width: 10px;
    border-left-width: 30px;
    border-right-width: 30px;
    border-color: #fff;
    border-style: solid;
    outline: 1px solid #ccc;
    left: auto;
    min-height: 70px
}

.cp_slider_for_badges .carousel_item {
    background-color: #fff;
    padding: 5px;
    -moz-box-shadow: 0 0 2px #ccc;
    -webkit-box-shadow: 0 0 2px #ccc;
    box-shadow: 0 0 2px #ccc;
    border: solid #fff 5px;
    width: 169px !important
}

.cp_slider_for_badges .carousel_item .badge_card_border {
    width: 100%;
    border: none;
    padding-top: 10px;
    height: 270px
}

.cp_slider_for_badges .carousel_item .badge_card_border .stacked_1 {
    opacity: 0.8;
    filter: alpha(opacity=80);
    left: 0px
}

.cp_slider_for_badges .carousel_item .badge_card_border .stacked_2 {
    opacity: 0.6;
    filter: alpha(opacity=60);
    left: 7px
}

.cp_slider_for_badges .carousel_item:hover {
    cursor: pointer
}

.cp_slider_for_badges .bx-wrapper .bx-controls-direction a {
    background: none;
    text-indent: 0px;
    font-size: 38px;
    z-index: 999
}

.cp_slider_for_badges .bx-wrapper .bx-prev {
    left: -12px
}

.cp_slider_for_badges .bx-wrapper .bx-next {
    right: 4px
}

.cp_slider_for_badges .bx-wrapper .bx-pager {
    bottom: -15px
}

.cp_slider_for_badges .bx-wrapper .bx-controls-direction a {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.cp_slider_for_badges .bx-pager .bx-pager-link.active, .cp_slider_for_badges .bx-wrapper .bx-controls-direction a:hover {
    color: #828282
}

.cp_slider_for_badges .bx-pager .bx-pager-link, .cp_slider_for_badges .bx-wrapper .bx-controls-direction a {
    color: #ccc
}

.cp_slider_for_lists_medium {
    margin-bottom: 15px
}

.cp_slider_for_lists_medium .carousel_item {
    border: 1px solid #dadada;
    padding: 15px 15px 20px 15px;
    background-color: #fff;
    height: 366px
}

@media (min-width: 992px) {
    .cp_slider_for_lists_medium .carousel_item {
        height: 220px
    }
}

.cp_slider_for_lists_medium .carousel_item .info_block {
    float: none;
    height: 220px;
    max-height: 170px;
    max-width: 300px;
    overflow: hidden
}

@media (min-width: 992px) {
    .cp_slider_for_lists_medium .carousel_item .info_block {
        float: left
    }
}

.cp_slider_for_lists_medium .carousel_item .info_block h4 {
    margin: 0 0 5px 0
}

.cp_slider_for_lists_medium .carousel_item .info_block p {
    margin: 5px 0
}

.cp_slider_for_lists_medium .carousel_item .info_block .desc {
    line-height: 18px
}

.cp_slider_for_lists_medium .carousel_item .info_block .quote {
    font-size: 150%;
    font-family: serif;
    top: 3px;
    position: relative;
    padding: 0 2px
}

.cp_slider_for_lists_medium .carousel_item .cover_wrapper {
    width: 130px;
    float: none;
    margin: 0 25px 15px 0
}

@media (min-width: 992px) {
    .cp_slider_for_lists_medium .carousel_item .cover_wrapper {
        float: left;
        margin-bottom: 0
    }
}

.cp_slider_for_lists_medium .carousel_item .cover_wrapper .cover_stack_outer {
    -webkit-box-shadow: 10px 10px 0px 1px rgba(58, 136, 181, 0.6);
    -moz-box-shadow: 10px 10px 0px 1px rgba(58, 136, 181, 0.6);
    box-shadow: 10px 10px 0px 1px rgba(58, 136, 181, 0.6)
}

.cp_slider_for_lists_medium .carousel_item .cover_wrapper .cover_content {
    -webkit-box-shadow: 5px 5px 0px 1px rgba(58, 136, 181, 0.8);
    -moz-box-shadow: 5px 5px 0px 1px rgba(58, 136, 181, 0.8);
    box-shadow: 5px 5px 0px 1px rgba(58, 136, 181, 0.8);
    background-color: #3a88b5;
    padding: 5px;
    height: 170px;
    word-break: break-all
}

.cp_slider_for_lists_medium .carousel_item .cover_wrapper .cover_content a {
    color: #fff;
    word-break: break-all
}

.cp_slider_for_lists_medium .bx-wrapper {
    margin: 0
}

.cp_slider_for_lists_medium .bx-wrapper .bx-viewport {
    box-shadow: none;
    background-color: #efefef;
    border-color: #efefef;
    border-width: 15px 30px 10px 35px;
    border-style: solid;
    min-height: 70px
}

.cp_slider_for_lists_medium .bx-wrapper .bx-controls-direction a {
    background: none;
    text-indent: 0;
    font-size: 38px;
    z-index: 999;
    color: #CCC
}

.cp_slider_for_lists_medium .bx-wrapper .bx-prev {
    left: -12px
}

.cp_slider_for_lists_medium .bx-wrapper .bx-next {
    right: 4px
}

.cp_slider_for_lists_medium .bx-wrapper .bx-pager {
    bottom: -15px
}

.cp_slider_for_lists_medium .bx-wrapper .bx-controls-direction a {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.cp_slider_for_lists_small .slider_wrapper:hover {
    cursor: pointer
}

@media screen and (max-width: 767px) {
    .cp_slider_for_lists_small .slider_wrapper .carousel_item {
        width: 140px !important
    }
}

.cp_slider_for_lists_small .slider_wrapper .carousel_item_container {
    padding: 0px;
    height: 200px
}

.cp_slider_for_lists_small .slider_wrapper .carousel_item_container .bib_image {
    position: relative;
    max-width: 130px;
    max-height: 200px;
    float: left;
    margin-right: 10px
}

.cp_slider_for_lists_small .slider_wrapper .carousel_item_container .comment_block {
    max-width: 300px;
    float: left;
    margin-left: 20px;
    font-size: 14px
}

.cp_slider_for_lists_small .slider_wrapper .carousel_item_container .comment_block .username {
    margin-bottom: 10px
}

.cp_slider_for_lists_small .slider_wrapper .carousel_item_container .comment_block .comment_text {
    font-style: italic;
    margin-bottom: 10px;
    line-height: 1.428
}

.cp_slider_for_lists_small .slider_wrapper .carousel_item_container .comment_block .read_more {
    text-decoration: underline
}

.cp_slider_for_lists_small .slider_wrapper .no_image {
    height: auto
}

.cp_slider_for_lists_small .slider_wrapper .no_image .bib_image {
    height: 200px;
    width: 130px
}

.cp_slider_for_lists_small .slider_wrapper .no_image .hover_overlay {
    opacity: 1 !important
}

.cp_slider_for_lists_small .slider_wrapper:hover .hover_overlay {
    opacity: 0
}

.cp_slider_for_lists_small .slider_wrapper div.carousel_item_container {
    overflow: hidden;
    height: 220px
}

.cp_slider_for_lists_small .slider_wrapper .list_image {
    background-color: #82A947;
    box-shadow: 6px 6px 0 1px #95B663, 12px 12px 0 1px #A9C37F;
    float: left;
    height: 204px;
    line-height: 144px;
    margin: 0px 30px 10px 0px;
    width: 118px;
    color: white;
    position: relative
}

.cp_slider_for_lists_small .slider_wrapper .list_image:hover {
    background-color: #4A6129;
    box-shadow: 6px 6px 0 1px #526831, 12px 12px 0 1px #617939;
    cursor: pointer
}

.cp_slider_for_lists_small .slider_wrapper .list_image:hover .list_title,
.cp_slider_for_lists_small .slider_wrapper .list_image:hover .list_purpose {
    display: none
}

.cp_slider_for_lists_small .slider_wrapper .list_image:hover .list_items {
    display: block
}

.cp_slider_for_lists_small .slider_wrapper .list_image .list_title {
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    line-height: normal;
    margin: 0 10%;
    text-align: center;
    vertical-align: middle;
    text-transform: uppercase;
    width: 80%;
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: 145px;
    text-shadow: 0 1px 0 #404040
}

.cp_slider_for_lists_small .slider_wrapper .list_image .list_purpose {
    font-size: 12px;
    text-align: center;
    width: 100%;
    line-height: normal
}

.cp_slider_for_lists_small .slider_wrapper .list_image .list_items {
    display: none;
    top: 25%;
    position: relative;
    font-size: 48px;
    text-align: center;
    line-height: normal
}

.cp_slider_for_lists_small .slider_wrapper .list_image .list_items span {
    display: block;
    font-size: 16px
}

.cp_slider_for_lists_small .slider_wrapper div.list_info_block {
    float: left;
    width: 48%;
    width: calc(100% - 148px)
}

.cp_slider_for_lists_small .slider_wrapper div.list_info_block .list_title {
    font-size: 16px;
    max-height: 70px
}

.cp_slider_for_lists_small .slider_wrapper div.list_info_block .list_creator {
    margin-top: 5px;
    font-size: 12px
}

.cp_slider_for_lists_small .slider_wrapper div.list_info_block .list_description {
    margin-top: 10px;
    line-height: 1.6;
    max-height: 75px;
    overflow: hidden
}

.cp_slider_for_lists_small .slider_wrapper div.list_info_block .list_likes {
    position: absolute;
    bottom: 5px
}

.cp_bib_list.no_batch {
    margin-top: 30px
}

.cp_bib_list .item_checkbox_container {
    position: absolute;
    left: -40px;
    top: -35px
}

.cp_bib_list .item_checkbox_container .pretty_checkbox_primary {
    right: 0px;
    top: 0
}

.cp_bib_list .back_to_all_link {
    margin-top: 10px;
    display: inline-block
}

.cp_bib_list .cluster_heading {
    padding-left: 0;
    font-weight: 600;
    padding-top: 15px;
    font-size: 16px;
    text-shadow: 0px 0.5px 0px #DADADA
}

.cp_bib_list .cluster_heading .status_label {
    color: inherit;
    text-decoration: underline
}

.cp_bib_list .cluster_heading i.hold_status_icon, .cp_bib_list .cluster_heading i.checkedout_status_icon {
    width: 50px;
    height: 23px;
    text-align: center;
    border-radius: 2px;
    padding-top: 3px;
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 15px;
    font-weight: 700;
    font-size: 16px
}

.cp_bib_list h3.inline_bib_title {
    margin-top: 0px
}

.cp_bib_list .sidebar-offcanvas {
    top: -20px
}

.cp_bib_list .text_black {
    color: #000
}

.cp_bib_list .info_label {
    color: #666
}

.cp_bib_list ~ .show_more_button_container, .cp_bib_list ~ .back_to_all_container {
    margin-top: 30px
}

.cp_bib_list .manage_these_links_container {
    display: inline-block
}

.cp_bib_list .manage_these {
    padding: 0;
    font-size: 14px;
    font-weight: 400;
    margin-left: 10px
}

.cp_bib_list .status_more_link {
    margin-top: 10px
}

.cp_bib_list .status_more_link .hold_status, .cp_bib_list .status_more_link .checkedout_status {
    margin-top: 0px
}

.cp_bib_list .status_more_link .status_more_count {
    font-weight: 600
}

.cp_bib_list .status_more_link span.status_more_see_more {
    display: block;
    margin-top: 4px
}

.cp_bib_list .listItem {
    border-color: #dadada;
    border-right: 1px solid #dadada;
    border-left: 1px solid #dadada;
    border-top: 1px solid #dadada;
    margin-top: -1px;
    padding-top: 12px;
    position: relative
}

.cp_bib_list .listItem .suspend_inline_overlay .input-group:first-child {
    padding-left: 0
}

.cp_bib_list .listItem .suspend_inline_overlay .input-group {
    padding-left: 15px;
    padding-right: 15px
}

.cp_bib_list .listItem .suspend_inline_overlay .form-group {
    margin-top: 15px
}

.cp_bib_list .listItem .suspend_inline_overlay .content-footer {
    float: left;
    width: 100%
}

.cp_bib_list .listItem .cancel_hold_inline_overlay .filter-option {
    text-decoration: underline
}

.cp_bib_list .listItem .cancel_hold_inline_overlay .privacy_checkbox_label,
.cp_bib_list .listItem .cancel_hold_inline_overlay .privacy_checkbox_label #is_private {
    margin-left: 10px
}

.cp_bib_list .listItem .cancel_hold_inline_overlay .cancel_hold_btn {
    margin-right: 0
}

.cp_bib_list .listItem .format {
    margin-top: 10px;
    margin-left: -1px
}

.cp_bib_list .listItem .title_extension {
    margin-left: 0;
    font-size: 16px;
    font-weight: 400;
    color: #333
}

.cp_bib_list .listItem:hover, .cp_bib_list .listItem.inline_overlay_open {
    z-index: 10;
    box-shadow: 0px 2px 15px 1px rgba(153, 153, 153, 0.4)
}

.cp_bib_list .listItem:hover .extra_action_panel:not([disabled]) a:after,
.cp_bib_list .listItem.inline_overlay_open .extra_action_panel:not([disabled]) a:after {
    display: block;
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    box-shadow: 0px 2px 15px 1px rgba(153, 153, 153, 0.4);
    clip: rect(-15px, 65px, 65px, 0)
}

.cp_bib_list .listItem .extra_action_panel a {
    border-color: #dadada;
    border-left: none;
    color: #565656;
    padding: 8px 6px;
    position: absolute;
    right: -40px;
    height: 40px;
    width: 40px;
    top: -1px;
    font-size: 14px;
    background: inherit
}

.cp_bib_list .listItem .extra_action_panel a:hover {
    color: #333;
    opacity: 1
}

.cp_bib_list .listItem .extra_action_panel a[disabled] {
    background: none
}

.cp_bib_list .listItem .extra_action_panel a .on_shelf_indicator {
    padding: 0;
    bottom: 2px;
    right: 0px;
    top: auto;
    font-size: 15px;
    position: absolute;
    display: none;
    color: #3A88B5
}

.cp_bib_list .listItem .extra_action_panel a.on_shelf .on_shelf_indicator {
    display: inline
}

.cp_bib_list .listItem .primary_bib_info {
    overflow: hidden
}

.cp_bib_list .listItem .secondary_bib_info {
    margin-bottom: 35px
}

.cp_bib_list .listItem .secondary_bib_info .item_circ_actions {
    margin-top: 5px
}

.cp_bib_list .listItem .secondary_bib_info .item_circ_actions .single_circ_action {
    margin-bottom: 5px
}

.cp_bib_list .listItem.bg_white, .cp_bib_list .listItem .bg_white {
    background: #fff
}

.cp_bib_list .listItem .mini_shelf_btn {
    position: static;
    margin: 0
}

.cp_bib_list .listItem .mini_shelf_btn a {
    position: relative;
    right: 0;
    margin-top: 0;
    background: #fff;
    border: 1px solid #ccc
}

.cp_bib_list .listItem .more_actions_list .list-group-item {
    text-align: left;
    margin-bottom: 5px
}

.cp_bib_list .listItem .more_actions_list .list-group-item .on_shelf_text {
    display: none
}

.cp_bib_list .listItem .more_actions_list .list-group-item.on_shelf .on_shelf_text {
    display: inline-block
}

.cp_bib_list .listItem .more_actions_list .list-group-item.on_shelf .default_text {
    display: none
}

.cp_bib_list .listItem .more_actions_link {
    font-size: 32px;
    padding: 5px;
    border-left: 1px solid #ccc;
    position: absolute;
    color: #666;
    right: 0;
    text-decoration: none;
    width: 45px;
    margin-left: -7px;
    top: -46px
}

.cp_bib_list .listItem .more_actions_link:hover {
    color: #000
}

.cp_bib_list .listItem .item_circ_actions {
    margin-top: -20px
}

.cp_bib_list .listItem .item_circ_actions .single_circ_action {
    padding: 3px 6px 3px 0px;
    color: #666
}

.cp_bib_list .listItem .item_circ_actions .single_circ_action:hover {
    color: #000
}

.cp_bib_list .listItem .item_circ_actions .single_circ_action.text-muted {
    color: #565656
}

.cp_bib_list .listItem .item_circ_actions .single_circ_action ~ .single_circ_action {
    padding-left: 10px;
    border-left: 1px solid #ccc;
    margin-left: 0px
}

.cp_bib_list .listItem .item_circ_actions .cp_reading_options a.single_circ_action,
.cp_bib_list .listItem .hold_button .cp_reading_options a.single_circ_action {
    padding-left: 0;
    border-left: 0;
    margin-left: 0;
    text-align: left;
    white-space: normal;
    color: #666;
    display: block
}

.cp_bib_list .listItem .item_circ_actions .cp_reading_options a.single_circ_action:hover,
.cp_bib_list .listItem .hold_button .cp_reading_options a.single_circ_action:hover {
    color: #000
}

.cp_bib_list .listItem .bootstrap-select-wrapper :not(.btn_style) .bootstrap-select,
.cp_bib_list .listItem .bootstrap-select-wrapper :not(.btn_style) .selectpicker {
    background: none;
    border: none;
    box-shadow: none;
    -webkit-appearance: none;
    outline: 0 !important;
    padding-left: 0;
    padding-right: 0;
    color: #333
}

.cp_bib_list .listItem .form-footer:before, .cp_bib_list .listItem .form-footer:after {
    content: " ";
    display: table
}

.cp_bib_list .listItem .form-footer:after {
    clear: both
}

.cp_bib_list .listItem .form-footer a, .cp_bib_list .listItem .form-footer button {
    float: right
}

@media (max-width: 767px) {
    .cp_bib_list .listItem .cluster_heading {
        padding-left: 15px
    }
}

@media (max-width: 991px) {
    .cp_bib_list .listItem .utility_context_info {
        padding-bottom: 10px
    }

    .cp_bib_list .listItem .back_to_all_link {
        margin-left: 15px
    }
}

@media (max-width: 1199px) {
    .cp_bib_list .listItem .utility_context_info {
        width: 100%;
        padding-bottom: 0
    }

    .cp_bib_list .listItem .title, .cp_bib_list .listItem .title a {
        font-size: 18px
    }

    .cp_bib_list .listItem .item_checkbox_container {
        left: -34px
    }

    .cp_bib_list .listItem .jacketCover.medium {
        width: 70px !important
    }

    .cp_bib_list .listItem .bib_info_column {
        padding-right: 0
    }

    .cp_bib_list .listItem .subTitle {
        font-size: 14px
    }

    .cp_bib_list .listItem .primary_bib_info {
        padding-right: 0
    }
}

@media (max-width: 1199px) {
    .cp_bib_list {
        padding: 0
    }

    .cp_bib_list .secondary_bib_info {
        margin-bottom: 0px
    }
}

@media screen and (max-width: 991px) {
    .cp_bib_list {
        padding: 10px
    }
}

@media screen and (max-width: 767px) {
    .cp_bib_list .secondary_bib_info {
        margin-top: 15px
    }

    .cp_bib_list .item_checkbox_container {
        position: static;
        left: 0px;
        float: left;
        margin-right: 10px;
        margin-top: -20px
    }

    .cp_bib_list .manage_these_icon {
        border-left: 1px solid #ddd;
        padding: 0px 0px 0px 11px
    }

    .cp_bib_list .manage_these_icon i.icon-cancel-circled {
        font-size: 15px
    }
}

.select_items {
    margin-top: 20px
}

.select_items i {
    font-size: 16px
}

@media screen and (max-width: 767px) {
    .cp_inline_overlay .btn {
        display: block;
        width: 100%;
        border-width: 1px
    }

    .cp_inline_overlay .nevermind_link {
        float: right;
        padding: 10px 0
    }
}

.title_row {
    margin-top: 20px;
    padding-left: 15px
}

.title_row .section_title {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    font-weight: 600;
    padding-bottom: 10px;
    color: #333
}

.title_row .tagline {
    display: none;
    font-size: 16px;
    color: #757575;
    margin-top: -15px
}

@media screen and (max-width: 1199px) {
    .title_row .section_title {
        padding-top: 8px
    }
}

.shelf_prompt label {
    font-weight: normal;
    display: inline;
    margin: 0
}

.privacy_checkbox_label .privacy_checked {
    display: none;
    vertical-align: middle
}

.privacy_checkbox_label .privacy_checkbox {
    display: none
}

.privacy_checkbox_label .privacy_checkbox:checked ~ .privacy_checked {
    display: inline-block
}

.privacy_checkbox_label .privacy_checkbox:checked ~ .privacy_unchecked {
    display: none
}

.extra_help_links {
    margin-top: 20px
}

.extra_help_links a.extra_help {
    font-weight: 600;
    padding: 6px 3px
}

.extra_help_links span.divider {
    color: #dadada
}

.nevermind_link {
    margin-left: 10px;
    margin-right: 10px;
    padding-top: 6px
}

.item_counts {
    background: #f1f1f1;
    padding: 20px;
    border: 1px solid #ccc
}

.list_container {
    background-color: #F1F1F1;
    border: thin solid #DADADA;
    padding-bottom: 40px
}

.empty_page {
    background: #f1f1f1;
    border: 1px solid #dadada;
    margin-top: -1px;
    padding: 40px;
    text-align: center;
    margin-bottom: 20px
}

.empty_page p {
    margin: 0
}

.empty_page .empty_icon {
    font-size: 40px;
    color: #999
}

.empty_page .title-block, .empty_page .sub-title-block {
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 16px
}

.empty_page .title-block .bold, .empty_page .sub-title-block .bold {
    font-size: 20px;
    font-weight: 600
}

.empty_page .title-block a, .empty_page .sub-title-block a {
    font-size: 14px
}

.view_small .cp_bib_list .jacket_cover_container {
    display: none !important
}

.view_small .cp_bib_list .listItem .secondary_bib_info {
    line-height: normal
}

.view_small .cp_bib_list .listItem .jacketCoverDiv, .view_small .cp_bib_list .listItem .jacketCoverLink {
    display: none;
    visibility: none
}

.cp-connected-login-form {
    padding: 0 50px
}

.cp-connected-login-form .link-account-selector .library_mobile_image_circled {
    border: 1px solid #909696;
    border-radius: 50%;
    height: 32px;
    width: 32px;
    margin-right: 10px;
    vertical-align: center
}

.cp_ratings {
    cursor: not-allowed;
    display: inline-block
}

.cp_ratings.editable_rating {
    cursor: pointer
}

.cp_ratings .rating_wrapper {
    position: relative;
    vertical-align: middle;
    font-family: fontello;
    display: inline-block;
    color: #a6a6a6
}

.cp_ratings .rating_wrapper.rating_large:before, .cp_ratings .rating_wrapper.rating_large .rating_icons:before {
    font-size: 18px
}

.cp_ratings .rating_wrapper:before {
    content: "\e830 \e830 \e830 \e830 \e830"
}

.cp_ratings .rating_icons {
    position: absolute;
    left: 0;
    top: 0;
    white-space: nowrap;
    overflow: hidden
}

.cp_ratings .rating_icons:before {
    content: "\e82f \e82f \e82f \e82f \e82f"
}

.cp_ratings .rating_close {
    color: #cf000f;
    display: none
}

.cp_ratings.rated:hover .rating_close {
    display: inline-block
}

.cp_ratings:not(.editable_rating) .rating_wrapper.rating_default,
.cp_ratings.rated .rating_wrapper.rating_default {
    color: #3a88b5
}

.cp_ratings .rating_wrapper.rating_default .rating_icons {
    color: #3a88b5
}

.cp_ratings:not(.editable_rating) .rating_wrapper.rating_average,
.cp_ratings.rated .rating_wrapper.rating_average {
    color: #f4a204
}

.cp_ratings .rating_wrapper.rating_average .rating_icons {
    color: #f4a204
}

.cp_feedback_box {
    margin-top: 120px;
    background-color: #f1f1f1;
    border-bottom: 6px #42474c solid
}

.cp_feedback_box .wrapper {
    border: 1px #DaDaDa solid;
    border-bottom: 0;
    padding: 10px
}

.cp_feedback_box h3 {
    margin-top: 10px
}

.cp_feedback_box p {
    margin: 0 0 10px 0
}

.cp_feedback_box .btn_trigger_collapsible {
    margin-top: 10px
}

.cp_pagination {
    border: 1px solid #dadada;
    border-bottom: 3px solid #dadada;
    background: #fff;
    position: relative;
    padding: 8px 15px;
    color: #333
}

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

.cp_pagination:after {
    clear: both
}

.cp_pagination .pagination_counts {
    padding: 6px 14px
}

.cp_pagination .pagination {
    margin: 0;
    text-align: right;
    width: auto
}

.cp_pagination .pagination li span:hover {
    background: transparent
}

.cp_pagination .pagination .active > a {
    font-weight: 700
}

.cp_pagination .arrow {
    font-size: 20px;
    padding-top: 0
}

@media screen and (max-width: 767px) {
    .cp_pagination {
        margin-left: -15px;
        margin-right: -15px
    }

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

    .cp_pagination:after {
        clear: both
    }

    .cp_pagination .pagination_nav {
        padding-left: 0;
        padding-right: 0;
        margin-left: 0
    }

    .cp_pagination .pagination_nav li a {
        padding: 6px 8px
    }

    .cp_pagination .pagination_nav li:first-child a, .cp_pagination .pagination_nav li:last-child a {
        padding-top: 2px
    }
}

.cp_system_message {
    padding: 0 7px 0 0;
    margin-bottom: 10px;
    margin-top: 10px;
    background-color: #fff
}

.cp_system_message.critical {
    border: 1px solid #cf000f
}

.cp_system_message.critical .priority_box {
    background-color: #cf000f
}

.cp_system_message.high {
    border: 1px solid #c64400
}

.cp_system_message.high .priority_box {
    background-color: #c64400
}

.cp_system_message.medium {
    border: 1px solid #f29c1f
}

.cp_system_message.medium .priority_box {
    background-color: #f29c1f
}

.cp_system_message.low {
    border: 1px solid #3a88b5
}

.cp_system_message.low .priority_box {
    background-color: #3a88b5
}

.cp_system_message .wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    min-width: 1px;
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

.cp_system_message .wrapper .priority_box {
    padding: 7px 10px
}

.cp_system_message .wrapper .priority_box i {
    color: #fff
}

.cp_system_message .wrapper .message_box {
    padding: 7px;
    display: block;
    color: #333;
    line-height: 22px;
    width: 100%;
    word-wrap: break-word
}

.cp_system_message .collapse_expand_actions {
    margin-right: 10px
}

.cp_system_message .collapse_expand_actions a {
    color: #333;
    display: none
}

.cp_system_message .close {
    margin-top: 7px;
    margin-right: 5px
}

#ct_bcadmin .bcadmin_system_messages i.critical {
    color: #cf000f
}

#ct_bcadmin .bcadmin_system_messages i.high {
    color: #c64400
}

#ct_bcadmin .bcadmin_system_messages i.medium {
    color: #f29c1f
}

#ct_bcadmin .bcadmin_system_messages i.low {
    color: #3a88b5
}

.cp_shelf_inline_overlay {
    overflow: visible;
    width: 50%;
    right: 0;
    left: auto;
    color: #333
}

.cp_shelf_inline_overlay a {
    color: #333
}

.cp_shelf_inline_overlay a:hover, .cp_shelf_inline_overlay a:active,
.cp_shelf_inline_overlay a:focus {
    color: #000
}

.cp_shelf_inline_overlay .rating_container {
    margin-bottom: 20px
}

.cp_shelf_inline_overlay .rating_container .rating_wrapper {
    font-size: 20px
}

.cp_shelf_inline_overlay .privacy_status {
    color: #333;
    text-decoration: underline
}

.cp_shelf_inline_overlay .dropdown-menu li a {
    margin: 0
}

.cp_shelf_inline_overlay .shelf_actions {
    padding-bottom: 15px
}

.cp_shelf_inline_overlay .shelf_actions .privacy_toggle_container {
    display: inline-block
}

.cp_shelf_inline_overlay .shelf_actions .privacy_toggle_container .help_icon {
    margin-left: 0
}

.cp_shelf_inline_overlay .shelf_actions .dropdown-toggle {
    text-decoration: underline;
    color: #333
}

.cp_shelf_inline_overlay .shelf_actions .dropdown-header {
    color: #333;
    margin-top: 10px
}

.cp_shelf_inline_overlay .shelf_actions a:first-of-type {
    margin-right: 10px
}

.cp_shelf_inline_overlay .shelf_actions .privacy_divider {
    color: #ccc
}

.cp_shelf_inline_overlay .shelf_actions .go_to_shelf {
    margin-bottom: 10px
}

.cp_shelf_inline_overlay .alert {
    padding-left: 0
}

.cp_shelf_inline_overlay .alert.alert-success {
    padding-left: 10px
}

.cp_shelf_inline_overlay .shelf_close_button {
    top: -21px !important
}

.cp_shelf_inline_overlay .shelf_close_button:hover {
    opacity: 1
}

.cp_shelf_inline_overlay .close_top_right, .cp_shelf_inline_overlay .content-footer {
    display: none
}

.cp_shelf_inline_overlay .content-body {
    overflow: visible
}

.cp_shelf_inline_overlay .content-body .trigger.button {
    display: none
}

@media (max-width: 1199px) {
    .cp_shelf_inline_overlay .privacy_divider {
        display: none
    }

    .cp_shelf_inline_overlay .shelf_actions .privacy_toggle_container {
        margin-left: 0;
        margin-top: 10px;
        display: block
    }
}

@media (max-width: 991px) {
    .cp_shelf_inline_overlay {
        width: 100%
    }

    .cp_shelf_inline_overlay .content-footer {
        display: block
    }
}

.cp_registration {
    padding: 10px 20px 20px;
    background-color: #FFF;
    border-top: 4px solid #24458D;
    box-shadow: 0px 4px 3px 0px rgba(153, 153, 153, 0.5);
    color: #333
}

@media (min-width: 768px) {
    .cp_registration {
        margin: 40px auto 0px
    }
}

.cp_registration hr {
    border-color: #DBDBDB;
    background-color: #DBDBDB;
    margin-top: 0px
}

.cp_registration input[type=text], .cp_registration input[type=password] {
    padding: 0 15px 0 15px;
    border-width: 2px
}

@media (max-width: 767px) {
    .cp_registration input[type=text], .cp_registration input[type=password] {
        width: 100%
    }
}

.cp_registration .text {
    width: 100%
}

.cp_registration .first_last_name_container {
    margin-top: 10px;
    font-size: 16px
}

.cp_registration .first_last_name_container p {
    margin: 10px 0
}

.cp_registration .first_last_name_container.section_indicator:after {
    top: 5px
}

.cp_registration .bootstrap-select.btn-group .btn.dropdown-toggle {
    width: 100%;
    border-bottom-width: 1px;
    margin-top: 0
}

.cp_registration .bootstrap-select.btn-group .btn.dropdown-toggle .filter-option {
    width: calc(100% - 20px)
}

.cp_registration .section_indicator {
    position: relative
}

.cp_registration .section_indicator:after {
    content: "";
    width: 4px;
    height: 32px;
    position: absolute;
    top: -3px;
    left: -5px
}

.cp_registration .section_indicator .label, .cp_registration .section_indicator label:not(.error),
.cp_registration .section_indicator input {
    font-size: 16px
}

.cp_registration .section_indicator.account_linking:after {
    top: 5px
}

.cp_registration #user_email, .cp_registration #user_name {
    height: 40px;
    border-width: 1px
}

@media (min-width: 992px) {
    .cp_registration #user_email, .cp_registration #user_name {
        width: 75%
    }
}

.cp_registration input[type="password"].pin_field {
    width: 40%;
    height: 40px;
    padding-left: 0;
    padding-right: 0
}

@media (max-width: 767px) {
    .cp_registration input[type="password"].pin_field {
        width: 100%
    }
}

.cp_registration .btn {
    margin-top: 10px
}

@media (min-width: 768px) {
    .cp_registration .btn:not(.back) {
        width: auto;
        float: right
    }

    .cp_registration .btn .back {
        margin-top: 15px;
        width: auto;
        float: left
    }
}

@media (max-width: 767px) {
    .cp_registration .btn {
        width: 100%
    }

    .cp_registration .btn-link.back {
        margin-top: 15px
    }
}

.cp_registration .registration_start p {
    font-size: 18px
}

.cp_registration .bootstrap-select-wrapper {
    display: block;
    margin-bottom: 10px
}

.cp_registration .bootstrap-select-wrapper .btn.selectpicker {
    margin-top: 0;
    width: inherit
}

.cp_registration .bootstrap-select-wrapper .btn.selectpicker .filter-option {
    width: calc(100% - 30px)
}

@media (min-width: 992px) {
    .cp_registration .bootstrap-select-wrapper {
        max-width: 50% !important
    }
}

.cp_registration .small_width_block {
    width: 70%
}

@media (max-width: 991px) {
    .cp_registration .small_width_block {
        width: 100%
    }
}

.cp_registration .form_start {
    margin-top: 10px
}

.cp_registration .header h2 {
    color: #333;
    font-weight: 600
}

.cp_registration .header .step_number {
    float: left;
    display: inline-block;
    padding: 7px 0 0 13px;
    width: 35px;
    height: 35px;
    border-radius: 100%;
    margin: 11px 3px 0 0;
    border: 1px solid
}

.cp_registration .header .step_info {
    float: left
}

.cp_registration .header .step_info .step_title {
    font-weight: 600;
    font-size: 18px;
    margin: 6px 0 0 0
}

.cp_registration .header .step_info .step_description {
    font-size: 14px;
    margin: 0
}

.cp_registration .header .step_info .step_required {
    font-weight: 600;
    margin: 6px 0 0 0
}

.cp_registration .header .step_subtitle .step_info .step_title {
    font-weight: normal
}

.cp_registration .header .inactive {
    color: #666;
    background-color: transparent;
    border-color: #666;
    cursor: pointer
}

.cp_registration .header .active {
    color: #fff;
    background-color: #24458D;
    border-color: #24458D
}

.cp_registration .username_preview {
    margin: 0 0 20px 0;
    display: block;
    padding-top: 20px
}

.cp_registration .username_preview .generated_username {
    font-size: 18px;
    display: block;
    padding: 0
}

.cp_registration .username_preview .preview_label {
    display: block;
    font-weight: 600;
    font-size: 14px
}

.cp_registration .username_preview a.suggested_username {
    float: none;
    margin: 0;
    padding: 0;
    margin-left: 10px;
    display: inline
}

.cp_registration .faded_username {
    color: #ccc
}

.cp_registration #user_name-error {
    display: block;
    float: left
}

.cp_registration #accept_terms-error {
    margin-left: 30px
}

.cp_registration select.selectpicker.error ~ .bootstrap-select button {
    border-color: #7C0000
}

.cp_registration .body {
    margin-top: 20px;
    padding-top: 0px
}

.cp_registration .body a.info_link {
    font-size: 16px;
    font-weight: normal;
    color: #02729E
}

@media (min-width: 768px) {
    .cp_registration .body a.info_link {
        display: none
    }
}

.cp_registration .body label:not(.error):not(.radio), .cp_registration .body .label {
    margin: 0 0 10px 0;
    color: #333;
    font-weight: 600
}

.cp_registration .body label:not(.error):not(.radio) a.info_link,
.cp_registration .body .label a.info_link {
    float: right
}

.cp_registration .body input[type="checkbox"].error ~ .pretty_checkbox_primary .check,
.cp_registration .body label.error {
    color: #7c0000
}

.cp_registration .body label.error {
    font-size: 14px
}

.cp_registration .body .success {
    border: 2px solid green
}

.cp_registration .body .half_width_select {
    width: 45%;
    float: left;
    margin: 0 10px 10px 0
}

.cp_registration .body .terms_and_conditions {
    padding-left: 29px;
    margin-bottom: 25px
}

.cp_registration .body .messaging_box {
    position: relative;
    font-size: 14px;
    border-width: 1px;
    border-style: solid;
    border-radius: 4px;
    padding: 15px
}

@media (max-width: 767px) {
    .cp_registration .body .messaging_box {
        display: none
    }
}

.cp_registration .body .messaging_box div.icon_box {
    position: absolute;
    left: -20px;
    top: 10px
}

.cp_registration .body .messaging_box div.icon_box i {
    font-size: 20px
}

.cp_registration .body .messaging_box p {
    margin: 0
}

.cp_registration .body .messaging_box > div, .cp_registration .body .messaging_box > p {
    margin: 0 0 0 30px
}

.cp_registration .body .messaging_box.warning_text {
    border-color: #f4ba00;
    background-color: #fff9d9;
    border-color: #F4BA00;
    margin-bottom: 15px
}

.cp_registration .body .messaging_box.warning_text i {
    color: #f4ba00
}

.cp_registration .body .messaging_box.error_text {
    border-color: #7C0000;
    background-color: #F3E9E9;
    margin-bottom: 20px
}

.cp_registration .body .messaging_box.error_text i {
    color: #7C0000
}

.cp_registration .body .messaging_box.info_text {
    background-color: #EEF5F7;
    border-color: #0284B7;
    margin-bottom: 15px
}

.cp_registration .body .messaging_box.info_text i {
    color: #0284B7
}

@media (min-width: 768px) {
    .cp_registration .body .messaging_box .info_text {
        display: block
    }
}

.cp_registration .body hr.dotted {
    border: 0;
    background: none;
    border-bottom: 1px dotted #ccc
}

.cp_registration .body hr.transparent {
    border: none;
    background: none
}

.cp_registration .body a.incorrect_information {
    color: #666;
    text-decoration: underline
}

.cp_registration .body p.incorrect_information_block {
    margin: 0
}

.cp_registration .body .form-group .user_name {
    float: left
}

.cp_registration .body .form-group .icon-spinner {
    margin-left: -25px;
    line-height: 32px;
    display: none
}

.cp_registration .body .username_taken {
    display: none;
    clear: both;
    padding-top: 1px
}

.cp_registration .body .username_taken .text-danger {
    margin: 2px 0px
}

.cp_registration .body .bootstrap-select-wrapper label.error {
    margin-top: 5px
}

.cp_registration .body label.checkbox_error + label.error {
    margin-top: -10px
}

.cp_registration .body .username_suggestion {
    display: inline;
    margin-bottom: 5px
}

.cp_registration .body .terms_and_conditions_block p {
    margin: 0
}

.cp_registration .body .terms_and_conditions_block strong {
    font-weight: 600
}

.cp_registration .body .terms_and_conditions_block .accept_terms_text {
    font-weight: 400;
    margin-left: 5px
}

.cp_registration .body .terms_and_conditions_block .cp_pretty_checkbox {
    display: block
}

.cp_registration .body .username_is {
    font-weight: 400
}

.cp_registration .body .username_is .username_big {
    font-size: 18px;
    font-weight: 600
}

.cp_registration .body .choose_name_text {
    font-weight: 600
}

.cp_registration .body .existing_usernames_list {
    margin-bottom: 15px
}

.cp_registration .body .linking_pin {
    padding: 10px 15px
}

.cp_registration .body .library_list {
    padding-left: 0;
    margin-bottom: 0
}

.cp_registration .body .library_list img.library_image {
    width: 125px;
    margin: 10px 20px 10px 0;
    float: left
}

.cp_registration .body .library_list .account_info {
    float: left
}

.cp_registration .body .existing_username {
    padding: 5px;
    margin-bottom: 10px
}

.cp_registration .body .existing_username .username {
    font-weight: 600;
    font-size: 16px;
    margin: 10px 0 5px 0
}

.cp_registration .body .existing_username .library_name {
    margin-top: 0;
    margin-bottom: 5px
}

.cp_registration .body .existing_username .pin_error {
    display: none
}

.cp_registration .body .existing_username input[name="pin"].error ~ .pin_error {
    display: block
}

.cp_registration .body .existing_username .btn {
    width: auto;
    margin-right: 10px;
    float: left;
    margin-bottom: 10px
}

.cp_registration .body .existing_username .btn.link_btn {
    width: 40%;
    font-size: 14px;
    float: none;
    display: block
}

@media (max-width: 767px) {
    .cp_registration .body .existing_username .btn {
        width: 100%;
        margin-bottom: 10px
    }
}

.cp_registration .reg_finish {
    font-size: 18px
}

.cp_registration .linkable_library {
    align-items: center;
    border: 1px solid #dadada;
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    margin-bottom: 10px;
    padding: 10px
}

.cp_registration .linkable_library .library_image img {
    float: left;
    width: 32px;
    height: 32px;
    border: 1px solid #ccc;
    border-radius: 50%;
    margin: 10px
}

.cp_registration .linkable_library .user-info {
    margin-right: auto;
    margin-left: 10px;
    display: flex;
    flex-flow: column nowrap
}

.cp_registration .linkable_library .library_name {
    font-size: 0.85rem
}

.cp_registration .linkable_library .user_name {
    font-size: 1.15rem
}

.cp_registration .linkable_library .link_acc_btn {
    margin: 10px
}

.cp_registration .lib_name {
    font-weight: 600
}

.cp_registration .decline_linking_btn {
    margin: 0 10px
}

.cp_registration .barcode_search {
    border: 1px solid #dadada;
    padding: 10px 15px;
    margin-left: 10px
}

.cp_registration .barcode_search input[type='text'] {
    font-weight: normal
}

.cp_registration .barcode_search .linking_pin {
    padding: 0
}

.cp_registration .barcode_search .pin_error {
    visibility: hidden
}

.cp_registration .barcode_search .your_username {
    font-size: 16px;
    font-weight: 600
}

.cp_registration .barcode_search .username {
    margin-bottom: 10px
}

.cp_registration .barcode_search .error ~ .pin_error {
    visibility: visible
}

.cp_registration .barcode_search .barcode_search_form {
    padding-left: 145px;
    margin-top: 10px
}

.cp_registration .barcode_search .link_btn {
    margin: 0 10px
}

.cp_registration .barcode_search .lib_name {
    font-size: 16px
}

.cp_registration .link-login-form {
    width: 60%
}

@media (max-width: 768px) {
    .cp_registration .link-login-form {
        width: 100%
    }
}

.cp_registration .link-login-form .btn {
    float: left
}

.cp_registration .link-login-form .pin_field {
    width: 100%
}

.cp_registration .link-login-form .linkable_library {
    border: none;
    padding-left: 0;
    margin-left: 0
}

.cp_registration .link-login-form .linkable_library .library_image img {
    margin-left: 0
}

.cp_registration .account_linking .section_indicator .label {
    margin-top: 10px
}

.cp_registration .account_linking h3 {
    font-size: 1rem;
    font-weight: 600
}

.cp_registration_radio_button {
    border: 1px solid #909696;
    font-size: 1rem;
    margin-bottom: 20px;
    max-width: 600px
}

.cp_registration_radio_button:hover, .cp_registration_radio_button:focus {
    background-color: #f2f2f2
}

.cp_registration_radio_button [type=radio] {
    float: left;
    width: 15px;
    height: 15px;
    margin: 15px 10px 15px 15px;
    vertical-align: baseline
}

.cp_registration_radio_button label {
    font-weight: normal;
    margin: 0;
    padding: 15px;
    width: 100%
}

.cp_registration_radio_button .secondary-text {
    font-size: 0.85rem;
    border-top: 1px solid #909696;
    padding: 0;
    margin: 0;
    padding-top: 10px;
    margin-top: 10px
}

.cp_opt_in_banner {
    position: relative;
    padding-right: 15px;
    padding-left: 15px
}

.cp_opt_in_banner .opt_in_prompt {
    padding-top: 10px;
    padding-bottom: 10px
}

.cp_opt_in_banner .opt_in_prompt .link_contextual, .cp_opt_in_banner .opt_in_prompt .nevermind_link {
    margin-right: 10px;
    color: #333
}

.cp_opt_in_banner .opt_in_prompt sup {
    font-size: 11px;
    color: #c64400;
    font-weight: normal
}

.cp_opt_in_banner .opt_in_prompt .opt_in_actions {
    margin-top: .5em
}

.cp_opt_in_banner .opt_in_prompt.opted_in .link_contextual, .cp_opt_in_banner .opt_in_prompt.opted_in .nevermind_link {
    vertical-align: bottom
}

.cp_opt_in_banner .opt_in_prompt.opted_in .opt_in_actions {
    margin-top: 10px
}

.cp_opt_in_banner .text_reg {
    font-weight: normal;
    margin: 0
}

.cp_opt_in_banner .opt_in_cta {
    padding-bottom: 6px;
    padding-top: 6px;
    font-size: 14px;
    color: #333
}

.cp_opt_in_banner .opt_in_cta_ask {
    font-weight: normal
}

.cp_opt_in_banner .opt_in_feedback {
    display: none
}

.cp_opt_in_banner .opt_in_feedback .opt_in_textarea {
    display: none;
    padding-bottom: 20px
}

.cp_opt_in_banner .opt_in_feedback .control-label {
    font-size: 16px;
    font-weight: normal;
    color: #333;
    margin: 10px 5px 10px 0 !important;
    float: none !important;
    display: block !important
}

.cp_opt_in_banner .opt_in_feedback .help-block {
    color: #333;
    margin-top: -10px
}

.cp_opt_in_banner .opt_in_feedback .radio-inline {
    margin: auto
}

.cp_opt_in_banner .opt_in_feedback .feedback_submit_btn {
    margin-right: 10px
}

.cp_opt_in_banner .opt_in_feedback textarea {
    max-width: 100%;
    width: 50%;
    height: 200px;
    resize: none
}

@media screen and (max-width: 991px) {
    .cp_opt_in_banner .opt_in_feedback textarea {
        width: 100%
    }
}

.cp_opt_in_banner .feedback_prompt {
    font-size: 16px;
    color: #333
}

.cp_opt_in_banner .feedback_close {
    position: absolute;
    top: 10px;
    right: 10px;
    display: none;
    cursor: pointer
}

.cp_opt_in_banner .feedback_close:hover, .cp_opt_in_banner .feedback_close:focus {
    color: #333
}

.cp_opt_in_banner .feedback_thanks {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 16px
}

.cp_opt_in_banner strong {
    font-weight: 600
}

.cp_add_a_title {
    border: 1px #999 dashed;
    padding: 20px;
    background-color: #f5f5f5
}

.cp_add_a_title form {
    border: 1px solid #ccc;
    padding: 10px;
    background-color: #fff
}

.cp_add_a_title .inline_input_block {
    padding: 0 10px
}

.cp_add_a_title .inline_input_block div[class * ="col-"] {
    padding: 3px 0
}

.cp_add_a_title .inline_input_block .bootstrap-select.btn-group .btn .filter-option {
    width: 90%
}

.cp_add_a_title .inline_input_block .bootstrap-select-wrapper {
    width: 100%
}

.cp_add_a_title .inline_input_block .bib_search_input {
    width: 100%;
    background-image: url("icon.search.png");
    background-repeat: no-repeat;
    background-position: 5px;
    padding-left: 30px;
    height: 35px
}

.cp_add_a_title .search_block {
    background-color: #fff;
    border: 1px solid #ccc;
    margin-top: 10px
}

.cp_add_a_title .search_block_actions {
    display: none;
    margin-top: 10px
}

.cp_add_a_title ul.bib_results {
    padding: 0
}

.cp_add_a_title .bib_results .bib_result {
    border-bottom: 1px solid #ccc
}

.cp_add_a_title .bib_results .bib_result .bib_image {
    display: inline-block;
    max-width: 65px;
    margin: 9px;
    float: left
}

.cp_add_a_title .bib_results .bib_result .bib_title {
    font-weight: 400;
    max-width: 300px
}

.cp_add_a_title .bib_results .bib_result .bib_info {
    float: left;
    margin-top: 10px
}

.cp_add_a_title .bib_results .use_this_btn {
    padding: 10px 20px;
    margin-top: 25px
}

@media screen and (max-width: 767px) {
    .cp_add_a_title .bib_results .use_this_btn {
        display: block;
        width: 100%;
        margin-bottom: 5px
    }

    .cp_add_a_title .bib_results .bib_result .bib_info {
        width: calc(100% - 80px)
    }
}

.cp_user_nav_sidebar {
    margin-top: 20px;
    border-top: 6px solid #42474C
}

.cp_user_nav_sidebar .lib_at {
    margin-left: 35px;
    font-size: 14px;
    margin-top: 5px
}

.cp_user_nav_sidebar .list-group-item {
    border-bottom: none;
    border-top: none
}

.cp_user_nav_sidebar .list-group-item.active {
    background: #f1f1f1;
    color: #333;
    font-weight: 600;
    border-color: #f1f1f1
}

.cp_user_nav_sidebar .list-group-item:first-child {
    padding: 10px 20px;
    background: #fff;
    border-bottom-width: 3px;
    border-bottom: none
}

.cp_user_nav_sidebar .list-group-item:first-child h3 {
    margin-left: -10px;
    color: #333;
    margin-top: 10px
}

.cp_user_nav_sidebar .list-group-item:first-child h3 .icon-left {
    color: #02729e
}

.cp_user_nav_sidebar .list-group-item:last-child, .cp_user_nav_sidebar .list-group-item.list_link_container {
    border-bottom: 1px solid #dddddd
}

.cp_user_nav_sidebar .list-group-item .sidebar_nav_link.active {
    background: #eee;
    color: #333
}

.cp_user_nav_sidebar .list-group-item .sidebar_nav_link {
    padding: 8px 15px;
    display: block;
    margin-right: -15px;
    margin-left: -15px
}

.cp_user_nav_sidebar .list-group-item .change_on {
    text-transform: none;
    font-size: 16px;
    font-weight: 600
}

.cp_user_nav_sidebar .list-group-item strong.section_heading {
    font-size: 16px;
    margin: 12px 0 5px 0;
    font-weight: 600;
    display: block
}

.cp_earned_badge .new_badge_wrap {
    width: 96%;
    padding: 10px 2%;
    background: #ffffff;
    color: #000;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    border: 1px solid #b5b5b5;
    -webkit-box-shadow: inset 0 0 4px 2px rgba(50, 50, 50, 0.1);
    -moz-box-shadow: inset 0 0 4px 2px rgba(50, 50, 50, 0.1);
    box-shadow: inset 0 0 4px 2px rgba(50, 50, 50, 0.1);
    margin-bottom: 2px
}

.cp_earned_badge .new_badge {
    position: relative;
    display: inline-block;
    float: left;
    margin: 5px;
    background-repeat: no-repeat;
    min-width: 50%;
    max-width: 68%;
    margin-left: 10px
}

.cp_earned_badge .new_badge_icon {
    float: left;
    margin: 5px
}

.cp_earned_badge h4 {
    font-size: 16px;
    font-weight: bold;
    line-height: 22px;
    margin-bottom: 5px
}

.cp_earned_badge p {
    color: #333;
    font-size: 13px;
    font-weight: lighter;
    line-height: 18px
}

.cp_earned_badge .badge_count {
    color: white;
    font-size: 13px;
    font-weight: bold;
    position: absolute;
    top: 8px;
    right: 11px;
    width: 16px;
    height: 15px;
    text-align: center
}

.cp_sticky_tab {
    position: fixed;
    visibility: hidden;
    opacity: 0;
    z-index: 999;
    -webkit-transition: opacity 0.3s ease-in;
    transition: opacity 0.3s ease-in
}

.cp_sticky_tab.active {
    visibility: visible;
    opacity: 1
}

.cp_language_prompt_overlay {
    height: 100%;
    padding-top: 40px;
    background-color: #fff;
    opacity: 0.95
}

.cp_language_prompt_overlay .language_step_two {
    display: none
}

.cp_language_prompt_overlay.show_step_two .language_step_two {
    display: block
}

.cp_language_prompt_overlay.show_step_two .language_step_one {
    display: none
}

.cp_language_prompt_overlay .vertical_center {
    position: relative;
    top: calc(50% - 40px);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.shepherd-active {
    overflow: hidden
}

.shepherd-active .shepherd-step {
    z-index: 1001;
    max-width: 400px
}

.shepherd-active .shepherd-target.shepherd-enabled {
    z-index: 1000
}

.shepherd-active .shepherd-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    opacity: 0.8;
    z-index: 999
}

.shepherd-active .cp_shepherd.shepherd-step.shepherd-element {
    transition: all 0.1s
}

.shepherd-active .cp_shepherd.shepherd-step.shepherd-element .shepherd-content {
    line-height: 1.4;
    -webkit-filter: drop-shadow(0 1px 4px rgba(0, 0, 0, 0.5));
    filter: drop-shadow(0 1px 4px rgba(0, 0, 0, 0.5));
    border-radius: 0px
}

.shepherd-active .cp_shepherd.shepherd-step.shepherd-element .shepherd-content,
.shepherd-active .cp_shepherd.shepherd-step.shepherd-element .shepherd-content .shepherd-cancel-link,
.shepherd-active .cp_shepherd.shepherd-step.shepherd-element .shepherd-content h3,
.shepherd-active .cp_shepherd.shepherd-step.shepherd-element .shepherd-content .shepherd-text,
.shepherd-active .cp_shepherd.shepherd-step.shepherd-element .shepherd-content .shepherd-button {
    color: #fff
}

.shepherd-active .cp_shepherd.shepherd-step.shepherd-element .shepherd-content header {
    background: none
}

.shepherd-active .cp_shepherd.shepherd-step.shepherd-element .shepherd-content header h3.shepherd-title {
    font-weight: 600;
    font-size: 16px;
    max-width: 80%;
    line-height: 1.4
}

.shepherd-active .cp_shepherd.shepherd-step.shepherd-element .shepherd-content header a.shepherd-cancel-link {
    font-size: 18px;
    opacity: 0.8
}

.shepherd-active .cp_shepherd.shepherd-step.shepherd-element .shepherd-content .shepherd-text {
    margin-top: -20px;
    font-size: 16px
}

.shepherd-active .cp_shepherd.shepherd-step.shepherd-element .shepherd-content .shepherd-text br {
    line-height: 2
}

.shepherd-active .cp_shepherd.shepherd-step.shepherd-element .shepherd-content .shepherd-text a {
    color: #fff;
    text-decoration: underline
}

.shepherd-active .cp_shepherd.shepherd-step.shepherd-element .shepherd-content footer .shepherd-buttons .shepherd-button {
    text-decoration: underline;
    font-size: 16px
}

.shepherd-active .cp_shepherd.shepherd-step.shepherd-element .shepherd-content footer {
    margin-bottom: 3em
}

.shepherd-active .cp_shepherd.shepherd-step.shepherd-element .shepherd-content .pagination_dots {
    display: block;
    position: absolute;
    bottom: 1.5em;
    left: 45%
}

.shepherd-active .cp_shepherd.shepherd-step.shepherd-element .shepherd-content .pagination_dots .dot {
    display: block;
    border: 1px solid #fff;
    height: 11px;
    width: 11px;
    border-radius: 50%;
    float: left;
    margin-right: 5px
}

.shepherd-active .cp_shepherd.shepherd-step.shepherd-element .shepherd-content .pagination_dots .dot.active {
    background-color: #fff
}

.shepherd-active .cp_shepherd.shepherd-step.shepherd-element.shepherd-pinned {
    margin-top: 16px
}

.shepherd-active .cp_shepherd.shepherd-step.shepherd-element.shepherd-pinned .shepherd-content:before {
    transition: all 0.1s
}

.shepherd-active .cp_shepherd.shepherd-step.shepherd-element.shepherd-pinned.shepherd-element-attached-bottom .shepherd-content:before {
    bottom: -32px;
    border-top-color: #426777
}

.shepherd-active .cp_shepherd.shepherd-step.shepherd-element.shepherd-pinned.shepherd-element-attached-top .shepherd-content:before {
    top: -32px;
    border-bottom-color: #426777
}

.cp_activity_feed .panel {
    background-color: #fff
}

.cp_activity_feed .panel .panel-title[class * =col] {
    padding-left: 0
}

.cp_activity_feed .panel .panel-heading .panel-title {
    margin-right: 30px;
    display: inline-block
}

.cp_activity_feed .panel .panel-heading .feed-privacy-toggle {
    display: inline-block;
    margin: 0
}

.cp_activity_feed .panel .panel-body {
    padding-top: 0;
    padding-bottom: 0
}

.cp_activity_feed .panel .panel-body #private-feed-div {
    display: table;
    width: 100%
}

.cp_activity_feed .panel .panel-body #lock-div {
    display: table-cell;
    width: 12%;
    vertical-align: middle
}

.cp_activity_feed .panel .panel-body #lock-div .icon-lock {
    color: darkgray;
    font-size: 30px
}

.cp_activity_feed .panel .panel-body #desc-div {
    display: table-cell;
    width: 88%;
    vertical-align: middle
}

.cp_activity_feed .panel .panel-body [data-js="activity_feed_show_more"]:hover {
    background: #4d4d4d
}

.cp_activity_feed .feed_type_selector {
    padding-top: .5em;
    text-align: right
}

.cp_activity_feed .feed_type_selector .feed_type_selector_label {
    display: inline-block;
    margin-top: 5px;
    margin-right: 10px
}

.cp_activity_feed .feed_type_selector .dropdown-menu {
    left: auto;
    right: 0
}

.cp_activity_feed .activity_feed_content {
    margin-top: 10px
}

.cp_activity_feed .feed_event {
    padding: 10px 5px
}

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

.cp_activity_feed .feed_event:after {
    clear: both
}

.cp_activity_feed .feed_event + .feed_event {
    border-top: 1px solid #efefef
}

.cp_activity_feed .event_header {
    color: #333
}

.cp_activity_feed .event_header .activity_feed_item_type {
    padding: 10px 10px;
    margin-right: 10px;
    display: inline-block;
    border-radius: 50%;
    background-color: #fff;
    border: 1px solid;
    color: #a1a1a1
}

.cp_activity_feed .event_header .timestamp {
    font-size: 85%;
    color: #5a5a5a;
    font-weight: normal;
    display: block
}

.cp_activity_feed .event_header .event_description {
    font-weight: 600;
    padding-left: 37px;
    padding-right: 0px;
    margin-bottom: 14px;
    margin-right: 0
}

.cp_activity_feed .event_header .event_description .cp_user_avatar {
    position: absolute;
    top: 0;
    left: 0
}

.cp_activity_feed .event_header .event_description .cp_user_card {
    margin: 0
}

.cp_activity_feed .event_header .event_description .cp_user_card .username {
    text-decoration: underline
}

.cp_activity_feed .event_header .event_description .cp_user_card .cp_user_avatar {
    position: relative
}

.cp_activity_feed .event_header .event_description .event_icon {
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 50%;
    border: 1px solid #666;
    height: 2.286em;
    width: 2.286em;
    display: flex;
    justify-content: center;
    align-items: center
}

.cp_activity_feed .event_header .event_description .event_icon .svg_icon {
    height: 1.4em;
    width: 1.4em
}

.cp_activity_feed .event_header .event_description .event_notification {
    font-weight: normal;
    color: #3f4344
}

.cp_activity_feed .event_header .feed_item_dropdown {
    display: inline-block;
    padding: 0
}

.cp_activity_feed .event_header .feed_item_dropdown .cp-dropdown button.cp-dropdown-trigger {
    padding: 0
}

.cp_activity_feed .profession {
    border: 1px solid #ccc;
    font-weight: normal;
    display: inline-block;
    font-size: 12px;
    line-height: 22px;
    width: 125px;
    text-align: center;
    position: relative;
    top: -2px;
    margin-left: 10px
}

.cp_activity_feed .profession .triangle {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 12px 12px 0 0;
    border-color: #00a2ce transparent transparent transparent;
    position: absolute
}

.cp_activity_feed .event_body {
    padding-left: 38px
}

.cp_activity_feed .event_body .feed_item_visual {
    float: left;
    margin-bottom: 14px
}

.cp_activity_feed .event_body .feed_item_image {
    width: 105px
}

.cp_activity_feed .event_body h5.event_title {
    font-weight: 600;
    margin: 0
}

.cp_activity_feed .event_body .feed_item_comment {
    word-wrap: break-word
}

.cp_activity_feed .event_body .feed_event_item, .cp_activity_feed .event_body .ugc_section,
.cp_activity_feed .event_body .bib_summary {
    width: 70%;
    width: calc(100% - 115px);
    float: right;
    word-wrap: break-word
}

.cp_activity_feed .event_body .list_description, .cp_activity_feed .event_body .ugc_section,
.cp_activity_feed .event_body .bib_summary {
    margin-top: 14px
}

.cp_activity_feed .event_body .col-md-4 .list_description, .cp_activity_feed .event_body .col-md-4 .ugc_section,
.cp_activity_feed .event_body .col-md-4 .bib_summary {
    width: 100%;
    clear: left
}

@media screen and (max-width: 767px) {
    .cp_activity_feed .event_body .list_description, .cp_activity_feed .event_body .ugc_section,
    .cp_activity_feed .event_body .bib_summary {
        width: 100%;
        clear: left
    }
}

.cp_activity_feed .event_body .event_more_info {
    margin-top: 0px
}

.cp_activity_feed .event_body .rating {
    font-size: 16px;
    color: #F4A204;
    white-space: nowrap;
    margin-top: 5px
}

.cp_activity_feed .event_body .rating i {
    margin-right: -9px
}

.cp_activity_feed .event_body .list_creator {
    margin-top: 5px
}

.cp_activity_feed .event_body .list_image {
    width: 94px;
    height: 140px;
    background: #368A7F;
    padding: 10px;
    box-shadow: 6px 4px #3da594, 11px 8px #52bca2;
    overflow: hidden;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.cp_activity_feed .event_body .list_image p {
    color: #fff;
    font-weight: bold;
    font-size: 11px;
    margin: 6px 0 0
}

.cp_activity_feed .event_body .event_description {
    font-weight: 600;
    margin-bottom: 14px
}

.cp_activity_feed .feed_event.unread {
    background-color: #f4f5f5
}

.cp_activity_feed .feed_event.unread .unread_label {
    background-color: #00a2ce
}

.cp_activity_feed .empty_feed {
    text-align: center;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto
}

.cp_activity_feed .empty_feed .empty_feed_icon {
    font-size: 48px
}

.cp_activity_feed .empty_panel .toggle-link {
    color: #fff
}

.cp_frbr_search iframe#react_iframe {
    width: 100%;
    padding: 0px;
    margin: 0px;
    border: none;
    height: 200px;
    overflow: hidden
}

.cp_save_search {
    display: inline-block
}

.cp_save_search .save_search_trigger {
    padding: 0;
    font-size: 14px;
    margin-left: 10px;
    font-weight: normal
}

.save_search_backdrop {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    background-color: #fff;
    z-index: 1;
    -webkit-transition: visibility 0s 0.4s, opacity 0.4s;
    transition: visibility 0s 0.4s, opacity 0.4s;
    opacity: 0;
    filter: alpha(opacity=0);
    visibility: hidden
}

.save_search_backdrop.active {
    visibility: visible;
    opacity: 0.85;
    filter: alpha(opacity=85)
}

.cp_inline_overlay.save_search_overlay {
    padding: 0 15px 0 15px;
    border-left: none;
    box-shadow: none;
    z-index: 1
}

.cp_inline_overlay.save_search_overlay .replace_query {
    font-weight: 600
}

.cp_inline_overlay.save_search_overlay .save_search_form {
    margin-bottom: 10px
}

.cp_inline_overlay.save_search_overlay .duplicate_search_prompt {
    display: none
}

.cp_inline_overlay.save_search_overlay .duplicate_form .duplicate_search_prompt {
    display: block;
    padding-left: 5px
}

.cp_inline_overlay.save_search_overlay .duplicate_form .search_prompt {
    display: none
}

.cp_inline_overlay.save_search_overlay input[type="text"] {
    padding-left: 10px
}

.cp_inline_overlay.save_search_overlay span {
    color: #333;
    font-size: 17px
}

.cp_inline_overlay.save_search_overlay label {
    font-size: 20px;
    display: inline;
    color: #333;
    font-weight: 600;
    margin-top: 0;
    margin-right: 10px
}

.cp_inline_overlay.save_search_overlay .search_name_field {
    padding-right: 10px;
    min-width: 300px
}

.cp_inline_overlay.save_search_overlay .form_buttons {
    display: inline-block;
    padding-left: 5px
}

.cp_inline_overlay.save_search_overlay .form-group {
    display: inline-block
}

@media screen and (max-width: 767px) {
    .cp_inline_overlay.save_search_overlay label, .cp_inline_overlay.save_search_overlay .search_name_field,
    .cp_inline_overlay.save_search_overlay .search_prompt, .cp_inline_overlay.save_search_overlay .form-group {
        display: block;
        width: 100%
    }

    .cp_inline_overlay.save_search_overlay .form_buttons {
        display: block;
        float: right;
        margin: 15px 0
    }

    .cp_inline_overlay.save_search_overlay .btn {
        width: auto;
        display: inline-block
    }
}

.cp_volume_details tbody:after {
    content: "";
    display: block;
    height: 20px
}

.cp_user_header {
    margin-bottom: 20px
}

.cp_user_header .top_user_header {
    padding: 10px;
    color: #fff;
    background-color: #607d8b
}

.cp_user_header .top_user_header .avatar_wrapper {
    margin-right: 10px
}

.cp_user_header .top_user_header .username {
    font-weight: 600;
    font-size: 20px
}

.cp_user_header .top_user_header .staff {
    position: relative;
    float: left;
    margin-bottom: 5px;
    margin-right: 5px
}

.cp_user_header .top_user_header .library {
    font-size: 12px
}

.cp_user_header .top_user_header .profile_actions {
    margin-top: 20px
}

.cp_user_header .top_user_header .profile_actions a {
    color: #fff;
    padding: 5px;
    border: 1px solid #fff;
    float: right;
    background-color: transparent
}

.cp_user_header .top_user_header .profile_actions a:hover {
    text-decoration: none
}

.cp_user_header .top_user_header .profile_actions .notification,
.cp_user_header .top_user_header .profile_actions .user_action + .user_action {
    border-right: none
}

.cp_user_header .middle_user_header {
    padding: 10px;
    box-shadow: 0px 2px 3px #ccc;
    margin-bottom: 3px
}

.cp_user_header .middle_user_header.hide_on_load {
    display: none
}

.cp_user_header .bottom_user_header {
    padding: 0px
}

.cp_user_header .bottom_user_header ul.links_list li.link {
    float: left;
    padding: 0px 20px;
    margin-top: 10px
}

.cp_user_header .bottom_user_header ul.links_list li.link.disabled {
    opacity: 0.7
}

.cp_user_header .bottom_user_header ul.links_list li.link.disabled a,
.cp_user_header .bottom_user_header ul.links_list li.link.disabled a:hover {
    cursor: default;
    text-decoration: none
}

.cp_user_header .bottom_user_header ul.links_list div.link_icon {
    font-size: 18px;
    text-align: center
}

.cp_user_header .bottom_user_header.light_bg {
    background-color: #fff;
    color: #607d8b;
    box-shadow: 0px 2px 3px #ccc
}

.cp_user_header .bottom_user_header.light_bg a {
    color: #607d8b
}

.cp_user_header .bottom_user_header.light_bg .credit_and_follows {
    text-align: right;
    margin-top: 10px;
    color: #6a6a6a;
    font-weight: 600
}

.cp_user_header .bottom_user_header.light_bg ul.links_list li.link + li.link {
    border-left: 1px solid #eee
}

.cp_user_header .bottom_user_header.dark_bg {
    background-color: #41545e;
    color: #fff
}

.cp_user_header .bottom_user_header.dark_bg a {
    color: #fff
}

.cp_user_header .bottom_user_header.dark_bg .context {
    float: left;
    padding: 0px 20px 5px 20px;
    padding-top: 10px;
    border-left: 1px solid rgba(255, 255, 255, 0.5)
}

.cp_user_header .bottom_user_header.dark_bg ul.links_list {
    margin-bottom: 0px
}

.cp_user_header .bottom_user_header.dark_bg ul.links_list li.link {
    margin-top: 12px;
    padding-bottom: 5px;
    margin-bottom: -5px
}

.cp_user_header .bottom_user_header.dark_bg ul.links_list li.link.back {
    opacity: 0.5;
    margin-top: 7px
}

.cp_user_header .bottom_user_header.dark_bg ul.links_list li.link.active {
    border-bottom: 5px solid #fff
}

@media screen and (max-width: 544px) {
    .cp_user_header .bottom_user_header.light_bg .credit_and_follows {
        text-align: left
    }

    .cp_user_header .bottom_user_header.light_bg .links_list .link span {
        display: none
    }

    .cp_user_header .bottom_user_header.dark_bg .context {
        text-decoration: none
    }

    .cp_user_header .bottom_user_header.dark_bg .context div.link_icon {
        display: inline-block
    }

    .cp_user_header .bottom_user_header.dark_bg .links_list_accordion li {
        margin-left: 20px;
        padding-top: 5px;
        padding-bottom: 5px
    }
}

.cp_user_header.home_patron .top_user_header {
    background-color: #546e7a
}

.cp_user_header.home_patron .bottom_user_header.dark_bg {
    background: #35454d
}

.cp_user_header.home_patron .bottom_user_header.light_bg, .cp_user_header.home_patron .bottom_user_header.light_bg a {
    color: #546e7a
}

.cp_user_card a.username {
    padding: 10px 0 10px 2px
}

.cp_user_card .card {
    font-size: 14px;
    color: #666
}

.cp_user_card .card h4, .cp_user_card .card .btn {
    white-space: normal;
    word-wrap: break-word
}

.cp_user_card .card p {
    margin: 5px 0
}

.cp_user_avatar {
    display: inline-block !important
}

.cp_user_avatar a {
    text-decoration: none !important
}

.cp_user_avatar .initial {
    background-color: #41545e
}

.cp_user_avatar .initial span {
    position: relative;
    font-weight: 600;
    color: #fff;
    text-transform: uppercase
}

.cp_user_avatar .img-circle {
    border: 1px solid transparent
}

.cp_user_avatar.sm img {
    height: 32px;
    width: 32px
}

.cp_user_avatar.sm .initial {
    height: 32px;
    width: 32px;
    text-align: center
}

.cp_user_avatar.sm .initial span {
    line-height: 32px;
    font-size: 16px
}

.cp_user_avatar.md img {
    height: 40px;
    width: 40px
}

.cp_user_avatar.md .initial {
    height: 40px;
    width: 40px;
    text-align: center
}

.cp_user_avatar.md .initial span {
    line-height: 40px;
    font-size: 20px
}

.cp_user_avatar.lg img {
    height: 48px;
    width: 48px
}

.cp_user_avatar.lg .initial {
    height: 48px;
    width: 48px;
    text-align: center
}

.cp_user_avatar.lg .initial span {
    line-height: 48px;
    font-size: 24px
}

.cp_user_avatar.home_patron .initial {
    background-color: #35454d
}

.cp_staff_stamp {
    font-size: 11px;
    padding: 2px 5px 2px 5px;
    border: 1px solid #00a2ce;
    color: #00a2ce;
    text-decoration: uppercase
}

.cp_staff_stamp.dark_bg {
    color: #fff;
    border-color: #fff
}

.cp_panel {
    background: #f4f5f5;
    border-top: 2px solid #546e7a
}

.cp_panel .panel-heading {
    border-top: none;
    background: #fff;
    color: #262626
}

.cp_panel .panel-heading a {
    color: #00A2CE
}

.cp_panel .panel-footer {
    border: none
}

.cp_panel .panel-footer .nav-link {
    color: #666
}

.cp_panel .user_profile_panel_no_content {
    color: #666
}

.cp_panel p.user_profile_panel_no_content {
    margin-top: 0;
    text-align: center
}

.cp_panel ul.user_profile_panel_no_content {
    list-style-type: disc
}

.cp_panel.empty_panel {
    background: #f1f1f1;
    border-top: 1px solid #ddd;
    padding-bottom: 20px
}

.cp_panel.empty_panel .onboarding_content {
    max-width: 600px;
    margin: auto
}

.cp_panel.empty_panel .panel-heading {
    border: none;
    color: #fff;
    background: #455A64;
    display: inline-block;
    text-transform: uppercase
}

.cp_panel.empty_panel .panel-heading h3 {
    font-size: 14px
}

.cp_panel.empty_panel .empty_text {
    font-size: 16px
}

.cp_panel.empty_panel .empty_desc {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 20px !important
}

.cp_panel.empty_panel .empty_icon {
    font-size: 48px;
    color: #455A64
}

.cp_panel.empty_panel .empty_icon.icon_small {
    font-size: 36px
}

.cp_saved_search_overlay {
    background: white;
    padding: 15px;
    height: 100vh
}

@media screen and (min-width: 992px) {
    .cp_saved_search_overlay .manage_all_link {
        float: right
    }

    .cp_saved_search_overlay h1 {
        float: left
    }
}

.cp_saved_search_overlay .manage_all_link {
    margin-top: 20px;
    margin-bottom: 10px
}

.cp_saved_search_overlay .saved_search_list li {
    margin: 15px 0
}

.cp_saved_search_overlay .saved_search_list li .saved_search_link {
    display: block
}

.cp_saved_search_overlay .view_more_link {
    max-width: 50%
}

.cp_user_to_follow {
    background: #fff;
    border-color: #dadada;
    border: 1px solid #dadada;
    margin-top: 10px;
    padding: 12px 6px;
    position: relative;
    text-align: left
}

.cp_user_to_follow .ignore_actions_container {
    display: none
}

.cp_user_to_follow .user_info {
    padding-left: 37px
}

.cp_user_to_follow .user_info .img-circle {
    position: absolute;
    top: 0;
    left: 0
}

.cp_user_to_follow .user_info .library_name {
    margin-left: 6px
}

.cp_user_to_follow .user_info .cp_staff_stamp {
    margin-left: 10px;
    display: inline-block
}

.cp_explore_navigation {
    margin-right: 0px;
    margin-top: 20px;
    padding-bottom: 10px
}

.cp_explore_navigation .heading {
    margin-top: 10px
}

.cp_explore_navigation .nav .active > a, .cp_explore_navigation .nav .active > a:hover {
    background-color: #f1f1f1;
    border: 1px solid #ddd;
    border-radius: 3px;
    color: inherit
}

.cp_explore_navigation .nav li {
    height: 55px
}

.cp_explore_navigation .nav li a:hover {
    background-color: transparent
}

.cp_explore_navigation #explore_nav_dropdown a {
    display: block;
    margin-top: 5px
}

.cp_ugc_import .panel-heading .panel-title i {
    color: orange
}

.cp_ugc_import .panel-body {
    background-color: #fff
}

.cp_ugc_import .panel-body .import_request_form {
    margin-top: 20px
}

.cp_ugc_import .panel-body .ignore_import_checkbox {
    margin-top: 25px;
    margin-right: 10px;
    float: left
}

.cp_ugc_import .panel-body .ignore_import_message {
    display: inline-block
}

.cp_user_list_item .user_list_item_inner {
    margin: 15px;
    height: 340px;
    padding: 15px;
    background: #fff;
    font-size: 14px;
    position: relative
}

.cp_user_list_item .user_list_item_inner .dataPair {
    display: block
}

.cp_user_list_item .user_list_item_inner .dataPair .label {
    margin: 5px 0
}

.cp_user_list_item .user_list_item_inner .user_list_likes {
    position: absolute;
    bottom: 5px;
    left: 5px
}

.cp_user_list_item .user_list_item_inner .list_type {
    margin-left: -15px;
    margin-bottom: 5px;
    padding-left: 10px;
    text-transform: uppercase;
    font-weight: 600
}

.cp_user_list_item .user_list_item_inner .list_type, .cp_user_list_item .user_list_item_inner .label,
.cp_user_list_item .user_list_item_inner .value {
    color: #666;
    font-weight: normal
}

.cp_user_list_item .user_list_item_inner .list_item_count {
    font-weight: 600;
    color: #333;
    margin-top: 5px
}

.cp_user_list_item .user_list_item_inner .title {
    font-size: 16px;
    max-height: 30px;
    overflow: hidden;
    word-wrap: break-word;
    text-overflow: ellipsis
}

.cp_user_list_item .user_list_item_inner .title a {
    font-weight: 600
}

.cp_user_list_item .user_list_item_inner .username {
    text-decoration: underline
}

.cp_user_list_item .user_list_item_inner .list_created_date .value {
    color: #333
}

.cp_user_list_item .user_list_item_inner .description {
    margin: 5px 0 10px 0;
    overflow: hidden
}

.cp_suggest_for_purchase {
    height: 100%
}

.cp_suggest_for_purchase.overlay-white {
    padding: 15px
}

.cp_suggest_for_purchase.overlay-white #add_suggestion_form label.label,
.cp_suggest_for_purchase.overlay-white #edit_suggestion_form label.label {
    font-weight: normal;
    margin-top: 10px
}

.cp_suggest_for_purchase.overlay-white #add_suggestion_form .value input.text,
.cp_suggest_for_purchase.overlay-white #edit_suggestion_form .value input.text {
    width: 300px;
    display: block
}

.cp_suggest_for_purchase.overlay-white #add_suggestion_form .value .error,
.cp_suggest_for_purchase.overlay-white #edit_suggestion_form .value .error {
    font-size: 80%
}

@media screen and (max-width: 991px) {
    .cp_suggest_for_purchase.overlay-white #add_suggestion_form .value input.text,
    .cp_suggest_for_purchase.overlay-white #edit_suggestion_form .value input.text {
        width: 100%
    }
}

.add_suggestion_contents {
    padding-left: 1em;
    padding-right: 1em;
    margin-left: auto;
    margin-right: auto
}

@media screen and (min-width: 768px) {
    .add_suggestion_contents {
        max-width: 50%
    }
}

.add_suggestion_contents label {
    margin: 0
}

.add_suggestion_contents .label.suggest {
    margin: 1em 0 0 0;
    font-weight: normal
}

.add_suggestion_contents .label.suggest label {
    font-weight: normal
}

.add_suggestion_contents #reason_body {
    width: 100%
}

.cp_switch {
    position: relative;
    width: 90px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none
}

.cp_switch .switch_checkbox {
    display: none
}

.cp_switch .switch_label {
    display: block;
    overflow: hidden;
    cursor: pointer;
    border: 2px solid #999999;
    border-radius: 20px
}

.cp_switch .switch_inner {
    display: block;
    width: 200%;
    margin-left: -100%;
    transition: margin 0.1s ease-in 0s
}

.cp_switch .switch_inner:before, .cp_switch .switch_inner:after {
    display: block;
    float: left;
    width: 50%;
    height: 30px;
    padding: 0;
    line-height: 30px;
    font-size: 14px;
    color: white;
    font-weight: bold;
    box-sizing: border-box
}

.cp_switch .switch_inner:before {
    content: attr(data-on-label);
    padding-left: 10px;
    background-color: #008000;
    color: #FFFFFF
}

.cp_switch .switch_inner:after {
    content: attr(data-off-label);
    padding-right: 10px;
    background-color: #EEEEEE;
    color: #666666;
    text-align: right
}

.cp_switch .switch {
    display: block;
    width: 18px;
    margin: 6px;
    background: #FFFFFF;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 56px;
    border: 2px solid #999999;
    border-radius: 20px;
    transition: all 0.1s ease-in 0s
}

.cp_switch .switch_checkbox:checked + .switch_label .switch_inner {
    margin-left: 0
}

.cp_switch .switch_checkbox:checked + .switch_label .switch {
    right: 0px
}

.cp_library_switcher .sidebar_nav_link_container {
    margin: 1.5em 0;
    display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox
}

.cp_library_switcher .sidebar_nav_link_container .lib_content {
    margin-left: 10px
}

.cp_library_switcher .sidebar_nav_link_container p {
    margin: 0;
    font-style: italic
}

.cp_library_switcher .change_on {
    font-weight: 600;
    color: #333;
    text-decoration: none
}

.cp_library_switcher .dropdown > a {
    text-decoration: none
}

.cp_library_switcher .dropdown .dropdown-header {
    font-size: 16px;
    color: #333;
    font-weight: 600
}

.cp_library_switcher .dropdown .change_on {
    font-weight: 400
}

@media screen and (max-width: 991px) {
    .cp_library_switcher .dropdown .dropdown-menu {
        width: 100vw;
        right: -15px;
        left: auto
    }
}

.cp_library_switcher .library_mobile_image_circled {
    width: 32px;
    height: 32px;
    border: 1px solid #dadada;
    border-radius: 50%
}

.cp_library_switcher .stack_logos img, .cp_library_switcher .stack_logos .library_mobile_image_circled {
    margin-left: -15px;
    position: relative
}

.cp_library_switcher .stack_logos img:first-of-type, .cp_library_switcher .stack_logos .library_mobile_image_circled:first-of-type {
    z-index: 2;
    margin-left: 0
}

.cp_library_switcher .stack_logos img:nth-of-type(2), .cp_library_switcher .stack_logos .library_mobile_image_circled:nth-of-type(2) {
    z-index: 1
}

.cp_library_switcher .stack_logos img:last-of-type, .cp_library_switcher .stack_logos .library_mobile_image_circled:last-of-type {
    z-index: 0
}

.cp_library_switcher.list-group-item {
    margin-top: 15px;
    border: 1px solid #dadada
}

.cp_library_switcher.list-group-item .change_on {
    font-size: 16px
}

.cp_library_switcher.list-group-item a, .cp_library_switcher.settings_bottom a {
    display: block
}

.cp_library_switcher.list-group-item a img, .cp_library_switcher.settings_bottom a img {
    margin-right: 10px
}

.cp_library_switcher .unlinked a {
    color: #666;
    cursor: default;
    text-decoration: none;
    pointer-events: none
}

.cp_library_switcher .unlinked img, .cp_library_switcher .unlinked.library_mobile_image_circled {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%)
}

.cp_library_switcher .unlinked .icon-right {
    display: none
}

.drawer_button_container .change_libraries_block {
    display: block !important;
    margin-right: -15px
}

.cp-internal-error {
    color: #666;
    font-family: "Open Sans", Arial, sans-serif;
    font-size: 16px;
    max-width: 1000px;
    margin: 0 auto;
    padding: 0 60px;
    width: 72%
}

@media screen and (max-width: 991px) {
    .cp-internal-error {
        padding: 0;
        width: 100%
    }
}

.cp-internal-error hr {
    background: #e5e5e5;
    border: 0;
    height: 2px;
    margin: 40px 0
}

@media screen and (max-width: 991px) {
    .cp-internal-error hr {
        margin: 20px 0
    }
}

.cp-internal-error h2 {
    color: #3f4344;
    font-size: 1.7em;
    font-weight: bold;
    line-height: 1;
    margin-top: 0
}

@media screen and (max-width: 991px) {
    .cp-internal-error h2 {
        font-size: 1.5em
    }
}

.cp-internal-error .main-error-content {
    padding: 60px 0 0
}

.cp-internal-error .main-error-content .title {
    color: #3f4344;
    font-size: 3em;
    font-weight: 700;
    line-height: 1;
    margin: 0 auto 45px
}

@media screen and (max-width: 991px) {
    .cp-internal-error .main-error-content .title {
        font-size: 2em;
        margin-bottom: 25px
    }
}

.cp-internal-error .main-error-content .description {
    color: #666;
    font-size: 1.4em;
    line-height: 1.7
}

@media screen and (max-width: 991px) {
    .cp-internal-error .main-error-content .description {
        font-size: 1.3em;
        line-height: 1.6
    }

    .cp-internal-error .main-error-content .description a {
        margin-bottom: 10px
    }
}

.cp-internal-error .main-error-content a {
    color: #02729e;
    text-decoration: underline
}

.cp-internal-error .error-ids {
    font-size: .9em
}

.cp-internal-error .report-problem {
    margin: 40px 0
}

.cp-internal-error .report-problem h2 {
    margin-bottom: 10px
}

.checkmark_toggle_switch {
    position: relative;
    display: inline-block;
    width: 36px;
    height: 16px;
    top: 2px;
    margin: 0px
}

.checkmark_toggle_switch input {
    display: none
}

.checkmark_toggle_switch .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 10px;
    border: 1px solid #666;
    background-color: #fff;
    -webkit-transition: .2s;
    transition: .2s
}

.checkmark_toggle_switch .slider:before {
    position: absolute;
    content: "";
    height: 10px;
    width: 10px;
    left: 2px;
    bottom: 2px;
    border-radius: 50%;
    background-color: #666;
    -webkit-transition: .2s;
    transition: .2s
}

.checkmark_toggle_switch .svg_icon.toggle_checkmark {
    display: none;
    position: relative;
    width: 10px;
    height: 10px;
    left: 7px;
    bottom: 2px
}

.checkmark_toggle_switch .svg_icon.toggle_checkmark path {
    fill: #fff
}

.checkmark_toggle_switch input:checked + .slider {
    border: none
}

.checkmark_toggle_switch input:checked + .slider:before {
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
    background-color: #fff;
    height: 12px;
    width: 12px
}

.checkmark_toggle_switch input:checked + .slider + .svg_icon.toggle_checkmark {
    display: inline
}

.error .messageContent .message-icon, .warning .messageContent .message-icon,
.message .messageContent .message-icon, .messaging div.closeButton,
.messaging div.closeButton, .icon-warn-small, .icon-fail-small, .icon-win-small,
.point-right, .point, .facet-arrow, .icon-drop-arrow-closed, .facet-arrow-blue,
.icon-selectbox-arrow, .icon-close-over, .icon-close, .close-dark,
.icon-drag-handle, .closebtn, div.itemDetails .detailsPointerRight,
div.itemDetails .detailsPointer, .filterList.facets .facet.collapsed .toggle_icon,
.facet-arrow-bottom, .filterList.facets .facet .toggle_icon, .filterList.facets .facetGroup .collapsable.collapsed .toggle_icon,
.filterList.facets .facetGroup .collapsable .toggle_icon, .selectBox .button,
div.closeButton:hover, .modal-box .close, .dragMe, div.allFilters div.closeButton {
    display: block;
    background: url("//cor-cdn-static.bibliocommons.com/assets/sprites/base_master-9668a2e92af385e1e8e47db36e3c7845.png") no-repeat
}

.icon-warn-small, .warning .messageContent .message-icon {
    background-position: -0px -0px;
    width: 35px;
    height: 35px
}

.icon-fail-small, .error .messageContent .message-icon {
    background-position: -0px -35px;
    width: 35px;
    height: 35px
}

.icon-win-small, .message .messageContent .message-icon {
    background-position: -0px -70px;
    width: 35px;
    height: 35px
}

.icon-close-over, div.closeButton:hover {
    background-position: -0px -212px;
    width: 20px;
    height: 20px
}

.icon-close, .messaging div.closeButton {
    background-position: -0px -232px;
    width: 20px;
    height: 20px
}

.point-right, div.itemDetails .detailsPointerRight {
    background-position: -0px -105px;
    width: 20px;
    height: 30px
}

.point, div.itemDetails .detailsPointer {
    background-position: -0px -135px;
    width: 20px;
    height: 30px
}

.facet-arrow {
    background-position: -20px -105px;
    width: 14px;
    height: 28px
}

.facet-arrow-top, .filterList.facets .facet.collapsed .toggle_icon {
    background-position: -20px -105px;
    width: 14px;
    height: 14px
}

.facet-arrow-bottom, .filterList.facets .facet .toggle_icon {
    background-position: -20px -119px;
    width: 14px;
    height: 14px
}

.facet-arrow-blue {
    background-position: -20px -133px;
    width: 12px;
    height: 24px
}

.facet-arrow-blue-top, .filterList.facets .facetGroup .collapsable.collapsed .toggle_icon {
    background-position: -20px -133px;
    width: 12px;
    height: 12px
}

.facet-arrow-blue-bottom, .filterList.facets .facetGroup .collapsable .toggle_icon {
    background-position: -20px -145px;
    width: 12px;
    height: 12px
}

.icon-drop-arrow-closed {
    background-position: -0px -168px
}

.icon-selectbox-arrow, .selectBox .button {
    background-position: -0px -190px;
    width: 22px;
    height: 22px
}

.close-dark, .modal-box .close {
    background-position: -0px -252px;
    width: 20px;
    height: 20px
}

.icon-drag-handle, .dragMe {
    background-position: -20px -157px;
    width: 10px;
    height: 20px
}

.closebtn, div.allFilters div.closeButton {
    background-position: -0px -272px;
    width: 18px;
    height: 18px
}

.sm-icon-games, .sm-icon-movie-cassette, .sm-icon-book, .sm-icon-journal-eformat,
.sm-icon-movie, .sm-icon-music-cd, .sm-icon-movie-eformat, .sm-icon-audio-eformat,
.sm-icon-book-largeprint, .sm-icon-audio-cd, .sm-icon-book-eformat,
.sm-icon-other, .sm-icon-music, .sm-icon-music-eformat, .sm-icon-music-cassette,
.sm-icon-device-all, .sm-icon-movie-alldiscs, .sm-icon-audio, .sm-icon-music-sheet,
.sm-icon-audio-cassette, .sm-icon-journal {
    display: block;
    background: url("//cor-cdn-static.bibliocommons.com/assets/sprites/default_covers-44ab1d8b81595bb7ce1fcf020e270298.png") no-repeat
}

.sm-icon-games {
    background-position: -0px -0px;
    width: 55px;
    height: 77px
}

.sm-icon-movie-cassette {
    background-position: -55px -0px;
    width: 55px;
    height: 77px
}

.sm-icon-book {
    background-position: -110px -0px;
    width: 55px;
    height: 77px
}

.sm-icon-journal-eformat {
    background-position: -165px -0px;
    width: 55px;
    height: 77px
}

.sm-icon-movie {
    background-position: -0px -77px;
    width: 55px;
    height: 77px
}

.sm-icon-music-cd {
    background-position: -55px -77px;
    width: 55px;
    height: 77px
}

.sm-icon-movie-eformat {
    background-position: -110px -77px;
    width: 55px;
    height: 77px
}

.sm-icon-audio-eformat {
    background-position: -165px -77px;
    width: 55px;
    height: 77px
}

.sm-icon-book-largeprint {
    background-position: -0px -154px;
    width: 55px;
    height: 77px
}

.sm-icon-audio-cd {
    background-position: -55px -154px;
    width: 55px;
    height: 77px
}

.sm-icon-book-eformat {
    background-position: -110px -154px;
    width: 55px;
    height: 77px
}

.sm-icon-other {
    background-position: -165px -154px;
    width: 55px;
    height: 77px
}

.sm-icon-music {
    background-position: -0px -231px;
    width: 55px;
    height: 77px
}

.sm-icon-music-eformat {
    background-position: -55px -231px;
    width: 55px;
    height: 77px
}

.sm-icon-music-cassette {
    background-position: -110px -231px;
    width: 55px;
    height: 77px
}

.sm-icon-device-all {
    background-position: -165px -231px;
    width: 55px;
    height: 77px
}

.sm-icon-movie-alldiscs {
    background-position: -0px -308px;
    width: 55px;
    height: 77px
}

.sm-icon-audio {
    background-position: -55px -308px;
    width: 55px;
    height: 77px
}

.sm-icon-music-sheet {
    background-position: -110px -308px;
    width: 55px;
    height: 77px
}

.sm-icon-audio-cassette {
    background-position: -165px -308px;
    width: 55px;
    height: 77px
}

.sm-icon-journal {
    background-position: -0px -385px;
    width: 55px;
    height: 77px
}

.cp-inline-comment-editor-container .alert {
    margin: 15px 0px
}

.main_ugc_content .cp-inline-comment-editor-container .cp-ugc-comment .ugc-actions {
    margin-top: 25px
}

.cp-item-format-picker-container {
    flex: 1 1 auto;
    flex-direction: column;
    display: flex;
    justify-content: flex-end
}

.cp-item-format-picker-container .cp-additional-item-formats-popup {
    height: 4.5rem
}

.cp-item-format-picker-container .cp-additional-item-formats-popup .cp-primary-ghost-btn {
    height: 4.5rem
}

.cp-item-format-picker-container .cp-format-group-picker {
    display: flex;
    flex-direction: column;
    margin-top: 15px
}

@media screen and (max-width: 767px) {
    .cp-item-format-picker-container .cp-format-group-picker {
        margin-top: 16px
    }
}

.cp-item-format-picker-container .cp-format-group-picker .item {
    display: flex
}

.cp-item-format-picker-container .cp-format-group-picker span.on_order {
    font-size: inherit
}

.cp-item-format-picker-container .cp-format-group-picker .view-all-results {
    align-self: flex-start;
    margin-bottom: 20px
}

@media screen and (max-width: 480px) {
    .cp-item-format-picker-container .cp-format-group-picker .cp-format-picker,
    .cp-item-format-picker-container .cp-format-group-picker .cp-additional-item-formats-popup {
        display: none
    }
}

@media screen and (max-width: 1080px) {
    .cp-item-format-picker-container .cp-format-group-picker .cp-format-picker {
        min-width: 135px
    }

    .cp-item-format-picker-container .cp-format-group-picker .cp-format-picker:nth-child(n + 3) {
        display: none
    }
}

.cp-primary-comment-editor-container {
    margin: 15px 0px
}

.cp_while_you_wait_container {
    padding: 0
}