/* silveralternatives.com css Sat, 14 Nov 2026 18:04:42 +0000 */

/* modules/jrAction/contrib/mentions/jquery.mentionsInput.css */


.mentions-input-box {
    position:relative;
}

.mentions-input-box textarea {
    width:100%;
    display:block;
    overflow:auto;
    position:relative;
    outline:0;
}

.mentions-input-box .mentions-autocomplete-list {
    display:none;
    background-color:#FFFFFF !important;
    color:#000000;
    border:solid 1px #7F7F7F;
    position:absolute;
    padding:5px 5px 0 5px;
    left:4px;
    right:150px;
    margin-top:-1px;
    border-radius:3px;
    border-top-left-radius:0;
    border-top-right-radius:0;
    -webkit-box-shadow:0 2px 5px rgba(0,0,0,0.148438);
    -moz-box-shadow:0 2px 5px rgba(0,0,0,0.148438);
    box-shadow:0 2px 5px rgba(0,0,0,0.148438);
    z-index:50000;
    max-height:200px;
    overflow:scroll;
}

.mentions-input-box .mentions-autocomplete-list ul {
    margin:0;
    padding:0;
}

.mentions-input-box .mentions-autocomplete-list li {
    margin:0;
    width:auto;
    height:34px;
    line-height:34px;
    overflow:hidden;
    cursor:pointer;
    list-style:none;
    white-space:nowrap;
}

.mentions-input-box .mentions-autocomplete-list li:last-child {
    border-radius:5px;
}

.mentions-input-box .mentions-autocomplete-list li > img,
.mentions-input-box .mentions-autocomplete-list li > div.icon {
    width:28px;
    height:28px;
    float:left;
    margin:0 5px 5px 0;
}

.mentions-input-box .mentions-autocomplete-list li em {
    font-weight:bold;
}

/* The selected row (arrow keys or mouse) - the list background is always white */
.mentions-input-box .mentions-autocomplete-list li.active {
    background-color:#E6E6E6;
}

.mentions-input-box .mentions {
    position:absolute;
    left:1px;
    right:0;
    top:1px;
    bottom:0;
    padding:9px;
    color:#FFFFFF;
    overflow:hidden;
    white-space:pre-wrap;
    word-wrap:break-word;
}

.mentions-input-box .mentions > div {
    color:#FFFFFF;
    white-space:pre-wrap;
    width:100%;
}

.mentions-input-box .mentions > div > strong {
    font-weight:normal;
    background:#D8DFEA;
}

.mentions-input-box .mentions > div > strong > span {
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
}


/* modules/jrAction/css/jrAction.css */


#action_update {
    padding:5px;
    height:50px;
    width:98%;
}

#action_text_counter {
    position:relative;
    float:left;
    font-size:12px;
    left:146px;
    bottom:24px;
    font-style:italic;
}

#asi {
    display:none;
    vertical-align:middle;
    margin:6px 4px 0 4px;
    border:0;
}

#action_submit {
    margin-top:9px;
}

.action_warning {
    color:#900;
}

.action_exceeded {
    color:#E00;
}

.action_detail {
    padding:1em;
}

.action_item {
    font-size:16px;
    overflow:auto;
}

.action_item_media {
    vertical-align:top;
    padding:0 16px 0 12px;
    cursor:pointer;
}

.action_item_desc {
    font-size:14px;
}

.action_item_title {
    font-size:14px;
    font-weight:bold;
}

.action_item_actions {
    display:inline-block;
    color:#999;
    font-size:12px;
    text-transform:lowercase;
    margin-bottom:12px;
}

.action_item_text {
    font-size:15px;
}

.action_item_shared {
    width:100%;
    background:#F3F3F3;
    padding:12px 0 12px 0;
    margin-top:6px;
}

.action_item_user_img {
    margin:1px;
    float:left;
}

.action_item_holder {
    width:100%;
    border-bottom:1px solid #EEE;
    padding:12px 0;
}

.action_item_holder:hover {
    background:#EEE;
}

.action_item_mention {
    background:#EEE;
    padding:6px;
    border-radius:3px;
    margin-top:6px;
}

.action_item_link {
    display:inline-block;
    width:100%;
    height:100%;
    padding-right:10px;
    box-sizing:border-box;
}

.action_media_thumb {
    display:inline-block;
}

.action_item_content {
    width:100%;
    color:#000;
}

.action_item_content a:hover {
    text-decoration:underline;
}

.action_item_delete {
    position:absolute;
    top:0;
    right:0;
    display:none;
    padding-right:12px;
}

.action_item_share {
    display:inline-block;
    color:#999;
    font-size:12px;
    margin:6px 16px 0 0;
}

.action_item_share:hover {
    color:#000;
}

.action_item_comments {
    display:inline-block;
    font-style:italic;
    padding-left:3px;
    color:#777;
    font-size:12px;
}

.action_item_comments:hover {
    color:#000;
}

.hash_link {
    text-decoration:none;
}

.mention_item {
    margin:0 !important;
    padding:3px !important;
}

#timeline_text_counter {
    font-size:12px;
    font-style:italic;
    padding:1em;
    display:inline-block;
}

/* share modal */
#share_modal {
    display:none;
    height:auto;
    width:600px;
    z-index:100000;
}

#share_modal_box {
    position:relative;
    border-radius:5px;
    display:block;
    padding:15px;
}

#share_modal_box .list_buttons {
    display:none;
}

#share_modal_box .action,#share_modal_box .item {
    max-height:400px;
    overflow:auto;
}

#share_modal_box .action_item_holder:hover {
    background:inherit;
}

#share_modal_close {
    position:absolute;
    bottom:18px;
    right:18px;
}

#share_update {
    height:50px;
    margin:0 0 5px;
    padding:5px;
    width:98%;
}

#share_text_counter {
    font-size:12px;
    font-style:italic;
    display:inline-block;
}

#share_networks {
    position:relative;
    float:right;
    font-size:14px;
    right:0;
    bottom:0;
    font-style:italic;
}

#share_networks img {
    margin:0 3px;
}

#share_submit_indicator {
    display:none;
    vertical-align:middle;
    margin:9px 9px 0 3px;
    border:0;
}

#share_submit {
    margin-top:12px;
}

.share_warning {
    color:#900 !important;
}

.share_exceeded {
    color:#E00 !important;
}

.share_item {
    font-size:16px;
    overflow:auto;
}

.share_item_media {
    vertical-align:top;
    padding:0 16px 0 12px;
    cursor:pointer;
}

.share_item_title {
    font-size:13px;
    font-weight:bold;
}

.share_item_actions {
    color:#999;
    font-size:12px;
    font-style:italic;
    text-transform:lowercase;
}

.share_item_user_img {
    margin:1px;
    float:left;
}

.share_item_holder {
    width:100%;
    border-bottom:1px solid #EEE;
    padding:12px 0 12px 0;
}

.share_item_holder:hover {
    background:#EEE;
}

.share_item_holder_shared {
    width:100%;
    border-bottom:1px solid #EEE;
    background:#F3F3F3;
    padding:12px 0 12px 0;
}

.share_item_desc {
    vertical-align:top;
    font-size:14px;
}

.share_item_desc a {
    color:#000;
}

.share_item_link {
    display:inline-block;
    width:100%;
    height:100%;
    cursor:pointer;
}

.share_media_thumb {
    display:inline-block;
}

.share_item_content {
    width:100%;
    color:#000;
}

.share_item_content a:hover {
    text-decoration:underline;
}

.share_item_delete {
    position:absolute;
    top:0;
    right:0;
    display:none;
    padding-right:12px;
}

.share_item_share {
    display:inline-block;
    color:#999;
    font-size:12px;
    margin:6px 16px 0 0;
}

.share_item_action:hover {
    color:#000;
}

.share_item_comments {
    display:inline-block;
    font-style:italic;
    padding-left:3px;
    color:#777;
    font-size:12px;
}

.share_item_comments:hover {
    color:#000;
}

#quick_action_box {
    position:relative;
}

#quick_action_tab_box {
    padding:0 2px 6px 2px;
    overflow:hidden;
}

.quick_action_tab {
    margin:4px 2px;
    float:left;
    cursor:pointer;
}

#quick_action_title {
    float:right;
    margin-top:22px;
    text-transform:capitalize;
}

#share_item_box {
    padding:1px;
    max-height:400px;
    overflow:auto;
    -ms-overflow-style:-ms-autohiding-scrollbar;
}

#shared_item_status {
    position:relative;
    padding:10px 20px;
    vertical-align:middle;
}

#shared_item_status span {
    display:inline-block;
    margin-top:6px;
}

#shared_item_view_button {
    float:right;
}

#action_modal .media_panel .action_info {
    display:none;
}

#action_modal .col8 .action {
    width:100%;
}

#action_modal .action_wrap,#action_modal #comment_wrap {
    padding:0 12px;
}

#action_modal.media .action_wrap {
    padding:12px 12px 0;
}

#action_modal .action_wrap > .action {
    margin:0;
}

#action_modal .item_media.action_text.clearfix .urlscan_card {
    font-size:12px;
}

#action_modal .item_media.action_text.clearfix {
    padding:1em;
    font-size:20px;
}

#action_modal .action {
    margin:0;
    box-shadow:none;
    background:none;
    max-width:none;
}

#action_modal .block {
    position:absolute;
    left:0;
    right:0;
    top:0;
    bottom:0;
    min-width:0;
    padding:12px 0;
}

#action_modal.media .item_media {
    box-shadow:none;
}

#action_modal .modal_paging {
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
}

#action_modal .action_user_image {
    position:relative;
    top:-10px;
}

#action_modal.media .action_user_image {
    top:0;
}

#action_modal #comment_form_section .item {
    box-shadow:none;
    margin:0;
    border:none;
}

#action_modal.media #comment_form_section .item {
    padding:0;
}

#action_modal #comment_form_section .item.error {
    padding:10px;
}

#action_modal .comment_page_section .item {
    margin:0;
    box-shadow:none;
}

#action_modal .modal_paging .prev {
    position:absolute;
    left:0;
    top:0;
    bottom:0;
    right:50%;
    background:url('https://silveralternatives.com/image/img/module/jrCore/lightbox2-prev.png') left 48% no-repeat;
    opacity:0;
    transition:opacity 1s ease 0s;
    height:auto;
    width:auto;
}

#action_modal .modal_paging .next {
    position:absolute;
    left:50%;
    top:0;
    bottom:0;
    right:0;
    background:url('https://silveralternatives.com/image/img/module/jrCore/lightbox2-next.png') right 48% no-repeat;
    opacity:0;
    transition:opacity 1s ease 0s;
    height:auto;
    width:auto;
}

#action_modal #gallery_box .close {
    position:absolute;
    right:15px;
    top:15px;
    width:30px;
    height:30px;
    background:url('https://silveralternatives.com/image/img/module/jrCore/lightbox2-close.png') 0 0 no-repeat;
    z-index:20;
    cursor:pointer;
}

#action_modal .modal_paging .next:hover,#action_modal .modal_paging .prev:hover {
    opacity:1;
}

#action_modal #gallery_box {
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
}

#action_modal #comment_box {
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    height:100vh;
    transition:top 1s ease 0s;
    z-index:21;
}

#action_modal #comment_box.closed {
    top:100vh;
    display:block;
}

#action_modal #comment_box .comment_page_section {

}

#action_modal .comment_close {
    right:10px;
    top:10px;
    position:absolute;
    z-index:20
}

#action_modal #gallery_box .title {
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    background:rgba(0,0,0,0.5);
    box-shadow:none !important;
}

#action_modal .title {
    box-shadow:none !important;
    font-size:14px;
    font-weight:normal;
}

#action_modal #gallery_box .title a {
    color:white;
}

#action_modal .comment_page_section .col2 {
    width:10%;
}

#action_modal .comment_page_section .col10 {
    width:90%;
}

#action_modal.media .comment_page_section .col2 {
    width:16.66%;
}

#action_modal.media .comment_page_section .col10 {
    width:83.34%;
}

#action_modal.media .comment_page_section {
    font-size:13px;
}

#action_modal.media {
    height:526px;
    width:100%;
    max-width:1000px;
}

#action_modal.media .block {
    padding:12px;
}

#action_modal .item_media {
    padding:0;
}

#action_modal {
    height:100vh;
    width:600px;
    background:white;
    position:relative;
}

#action_modal .comment_page_section {
    width:auto;
    display:block;
    max-height:none;
    background:none;
}

#action_modal #comment_wrap {

}

#action_modal #comment_form_holder {
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    padding:0 12px;
}

#action_modal .media_panel {
    width:66%;
    float:left;
}

#action_modal .comment_panel {
    width:34%;
    position:absolute;
    top:12px;
    bottom:1em;
    right:0;
}

@media handheld,only screen and (max-width:767px) {
    #action_modal {
        overflow:auto;
        position:absolute;
        left:0;
        right:0;
        top:0;
        bottom:0;
        padding:0;
        margin:0;
        width:auto;
    }

    #action_modal .comment_page_section .col2 {
        float:left;
        width:16.66%;
    }

    #action_modal .comment_page_section .col10 {
        float:left;
        width:83.34%;
    }

    #action_modal #comment_form_section > .item {
        margin:0;
    }

    #action_modal .modal_paging .next,.modal_paging .prev {
        opacity:1;
    }

    #action_modal.media {
        height:100vh;
        width:auto;
        max-width:100%;
    }

    #action_modal #comment_box {
        background:white;
    }

    #action_modal.media .block {
        padding:0;
    }
}

#action_modal .action_info {
    min-height:60px;
    padding:0;
}

#action_modal #scroller {
    overflow:auto;
    height:calc(100vh - 146px);
    width:100%;
}

#action_modal #scroller::-webkit-scrollbar {
    display:none;
}

/* Hide scrollbar for IE and Edge */
#action_modal #scroller {
    scrollbar-width:none; /* Firefox 64 */
}

#action_modal.media #scroller {
    height:calc(100% - 121px);
}



/* modules/jrAudio/css/jrAudio.css */


/* @title Audio Detail Box */
/* @help This is the box around the Audio Details that is seen on the Update Audio file form. */
.jraudio_detail {
    width:65%;
    padding:10px;
    margin:0 0 12px 3px;
    font-size:14px;
}

.jraudio_detail_left {
    width:10%;
}

/* @title Audio Details */
/* @help This is the text area that contains the information about the Audio File. */
.jraudio_detail_right {
    width:90%;
    text-align:left;
}

/* @title Audio Detail Labels */
/* @help This is the small labels that are shown in the Audio Details box */
.jraudio_title {
    width:100px;
    display:inline-block;
    text-align:right;
}

.jraudio_detail_player {
    display:table;
    width:100%;
}

.jraudio_detail_player_left {
    display:table-cell;
    width:70%;
    padding:5px;
    padding-right:18px;
    vertical-align:top;
}

.jraudio_detail_player_right {
    display:table-cell;
    width:30%;
    padding:5px;
    vertical-align:top;
}

.jraudio_list_detail {
    float:left;
    margin-left:18px;
}

@media handheld,only screen and (max-width:767px) {

    .jraudio_detail_player {
        display:inline;
    }

    .jraudio_detail_player_left {
        display:inline;
        width:100%;
    }

    .jraudio_detail_player_right {
        display:inline;
        width:100%;
    }

    .jraudio_detail_player_right img {
        margin-top:12px;
        width:90%;
    }

    .jraudio_list_detail {
        margin-left:0;
        margin-top:12px;
    }
}


/* modules/jrAudio/css/jrAudio_popout_bar.css */


/*
 * Jamroom Audio - Now Playing bar (shown on site pages while the pop-out player is open)
 * Colors are set as custom properties by jrAudio.js from the active skin.
 * All rules are scoped to #jraudio_popout_bar so skin styles do not leak in.
 */

#jraudio_popout_bar {
    --jrap-bg:rgb(24,24,24);
    --jrap-fg:rgb(255,255,255);
    --jrap-ac:rgb(29,185,84);
    --jrap-act:rgb(17,17,17);
    position:fixed;
    right:18px;
    bottom:18px;
    z-index:99990;
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:2px 10px;
    width:380px;
    max-width:calc(100vw - 36px);
    height:auto;
    padding:8px 8px 4px 8px;
    border-radius:14px;
    overflow:hidden;
    box-sizing:border-box;
    background:var(--jrap-bg);
    color:var(--jrap-fg);
    font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
    font-size:13px;
    line-height:1.3;
    text-align:left;
    box-shadow:0 12px 32px -8px rgba(0,0,0,.45),0 0 0 1px rgba(128,128,128,.22);
    animation:jrap-bar-in .3s cubic-bezier(.2,.8,.2,1);
}

#jraudio_popout_bar.jrap-left {
    right:auto;
    left:18px;
}

@keyframes jrap-bar-in {
    from {
        transform:translateY(20px);
        opacity:0;
    }
}

#jraudio_popout_bar * {
    box-sizing:border-box;
}

/* Scrub bar - same look as the player window's:track fills with the text color,accent + thumb on hover */
#jraudio_popout_bar .jrap-bar-seek {
    display:flex;
    flex:0 0 100%;
    align-items:center;
    gap:8px;
    min-width:0;
    padding:0 2px;
}

#jraudio_popout_bar .jrap-bar-time {
    flex:0 0 auto;
    min-width:30px;
    opacity:.7;
    font-size:11px;
    font-variant-numeric:tabular-nums;
}

#jraudio_popout_bar .jrap-bar-dur {
    text-align:right;
}

#jraudio_popout_bar .jrap-bar-range {
    --jrap-pct:0%;
    -webkit-appearance:none;
    appearance:none;
    display:block;
    flex:1 1 auto;
    width:auto;
    min-width:0;
    height:16px;
    margin:0;
    padding:0;
    border:0;
    border-radius:0;
    background:transparent;
    box-shadow:none;
    outline:none;
    cursor:pointer;
}

#jraudio_popout_bar .jrap-bar-range:disabled {
    opacity:.4;
    cursor:default;
}

#jraudio_popout_bar .jrap-bar-range::-webkit-slider-runnable-track {
    height:4px;
    border:0;
    border-radius:2px;
    background:linear-gradient(to right,var(--jrap-fg) 0,var(--jrap-fg) var(--jrap-pct),rgba(128,128,128,.35) var(--jrap-pct));
}

#jraudio_popout_bar .jrap-bar-range::-moz-range-track {
    height:4px;
    border:0;
    border-radius:2px;
    background:rgba(128,128,128,.35);
}

#jraudio_popout_bar .jrap-bar-range::-moz-range-progress {
    height:4px;
    border-radius:2px;
    background:var(--jrap-fg);
}

#jraudio_popout_bar .jrap-bar-range::-webkit-slider-thumb {
    -webkit-appearance:none;
    width:12px;
    height:12px;
    margin-top:-4px;
    border:0;
    border-radius:50%;
    background:var(--jrap-fg);
    box-shadow:0 1px 4px rgba(0,0,0,.4);
    opacity:0;
    transition:opacity .15s ease;
}

#jraudio_popout_bar .jrap-bar-range::-moz-range-thumb {
    width:12px;
    height:12px;
    border:0;
    border-radius:50%;
    background:var(--jrap-fg);
    box-shadow:0 1px 4px rgba(0,0,0,.4);
    opacity:0;
    transition:opacity .15s ease;
}

#jraudio_popout_bar .jrap-bar-range:enabled:hover::-webkit-slider-runnable-track,
#jraudio_popout_bar .jrap-bar-range:focus-visible::-webkit-slider-runnable-track {
    background:linear-gradient(to right,var(--jrap-ac) 0,var(--jrap-ac) var(--jrap-pct),rgba(128,128,128,.35) var(--jrap-pct));
}

#jraudio_popout_bar .jrap-bar-range:enabled:hover::-moz-range-progress,
#jraudio_popout_bar .jrap-bar-range:focus-visible::-moz-range-progress {
    background:var(--jrap-ac);
}

#jraudio_popout_bar .jrap-bar-range:enabled:hover::-webkit-slider-thumb,
#jraudio_popout_bar .jrap-bar-range:focus-visible::-webkit-slider-thumb,
#jraudio_popout_bar .jrap-bar-range:enabled:active::-webkit-slider-thumb {
    opacity:1;
}

#jraudio_popout_bar .jrap-bar-range:enabled:hover::-moz-range-thumb,
#jraudio_popout_bar .jrap-bar-range:focus-visible::-moz-range-thumb,
#jraudio_popout_bar .jrap-bar-range:enabled:active::-moz-range-thumb {
    opacity:1;
}

#jraudio_popout_bar .jrap-bar-art {
    flex:0 0 auto;
    width:48px;
    height:48px;
    border-radius:8px;
    overflow:hidden;
    background:rgba(128,128,128,.2);
    cursor:pointer;
}

#jraudio_popout_bar .jrap-bar-art img {
    display:block;
    width:100%;
    height:100%;
    max-width:none;
    margin:0;
    padding:0;
    border:0;
    object-fit:cover;
}

#jraudio_popout_bar .jrap-bar-meta {
    /* basis 0 - with flex-wrap a long title would otherwise push the controls to their own row */
    flex:1 1 0;
    min-width:0;
    cursor:pointer;
}

#jraudio_popout_bar .jrap-bar-title,
#jraudio_popout_bar .jrap-bar-artist {
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}

#jraudio_popout_bar .jrap-bar-title {
    font-weight:700;
    font-size:14px;
}

/* Long titles scroll slowly back and forth (set up by jrAudio.js) */
#jraudio_popout_bar .jrap-bar-title-text {
    display:inline-block;
    white-space:nowrap;
}

#jraudio_popout_bar .jrap-bar-title:not(.jrap-marquee) .jrap-bar-title-text {
    max-width:100%;
    overflow:hidden;
    text-overflow:ellipsis;
    vertical-align:top;
}

#jraudio_popout_bar .jrap-bar-title.jrap-marquee {
    text-overflow:clip;
    -webkit-mask-image:linear-gradient(to right,transparent 0,#000 10px,#000 calc(100% - 14px),transparent 100%);
    mask-image:linear-gradient(to right,transparent 0,#000 10px,#000 calc(100% - 14px),transparent 100%);
    margin-left:-10px;
}

#jraudio_popout_bar .jrap-bar-title.jrap-marquee .jrap-bar-title-text {
    padding-left:10px;
    animation:jrap-bar-marquee var(--jrap-mq-dur,8s) ease-in-out infinite alternate;
}

#jraudio_popout_bar .jrap-bar-title.jrap-marquee:hover .jrap-bar-title-text {
    animation-play-state:paused;
}

@keyframes jrap-bar-marquee {
    0%,15% {
        transform:translateX(0);
    }
    85%,100% {
        transform:translateX(var(--jrap-mq-dist,0));
    }
}

#jraudio_popout_bar .jrap-bar-artist {
    opacity:.7;
    font-size:12px;
}

#jraudio_popout_bar .jrap-bar-controls {
    display:flex;
    align-items:center;
    flex:0 0 auto;
    gap:0;
}

#jraudio_popout_bar button {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:32px;
    height:32px;
    min-width:0;
    min-height:0;
    margin:0;
    padding:0;
    border:0;
    border-radius:50%;
    background:transparent;
    background-image:none;
    box-shadow:none;
    color:var(--jrap-fg);
    opacity:.75;
    font:inherit;
    line-height:1;
    text-shadow:none;
    cursor:pointer;
    transition:opacity .15s ease,background-color .15s ease,transform .1s ease;
}

#jraudio_popout_bar button:hover {
    opacity:1;
    background:rgba(128,128,128,.18);
}

#jraudio_popout_bar button:active {
    transform:scale(.92);
}

#jraudio_popout_bar button:disabled {
    opacity:.3;
    cursor:default;
}

#jraudio_popout_bar button:focus {
    outline:none;
}

#jraudio_popout_bar button:focus-visible {
    outline:2px solid var(--jrap-ac);
    outline-offset:1px;
}

#jraudio_popout_bar button svg {
    display:block;
    width:18px;
    height:18px;
    fill:currentColor;
}

#jraudio_popout_bar button.jrap-bar-main {
    width:38px;
    height:38px;
    margin:0 2px;
    background:var(--jrap-ac);
    color:var(--jrap-act);
    opacity:1;
}

#jraudio_popout_bar button.jrap-bar-main:hover {
    background:var(--jrap-ac);
    transform:scale(1.06);
}

#jraudio_popout_bar button.jrap-bar-main svg {
    width:18px;
    height:18px;
}

#jraudio_popout_bar .jrap-bar-pill {
    display:none;
}

#jraudio_popout_bar .jrap-eq {
    display:inline-flex;
    align-items:flex-end;
    gap:2px;
    width:14px;
    height:14px;
}

#jraudio_popout_bar .jrap-eq i {
    display:block;
    flex:1 1 0;
    height:30%;
    border-radius:1px;
    background:currentColor;
}

#jraudio_popout_bar.jrap-playing .jrap-eq i {
    animation:jrap-bar-eq 1s ease-in-out infinite;
}

#jraudio_popout_bar .jrap-eq i:nth-child(2) {
    animation-delay:-.4s;
}

#jraudio_popout_bar .jrap-eq i:nth-child(3) {
    animation-delay:-.7s;
}

@keyframes jrap-bar-eq {
    0%,100% {
        height:25%;
    }
    50% {
        height:100%;
    }
}

#jraudio_popout_bar.jrap-min {
    width:56px;
    height:56px;
    padding:0;
    border-radius:50%;
}

#jraudio_popout_bar.jrap-min > *:not(.jrap-bar-pill) {
    display:none;
}

#jraudio_popout_bar.jrap-min .jrap-bar-pill {
    display:flex;
    gap:3px;
    width:56px;
    height:56px;
    border-radius:50%;
    background:var(--jrap-ac);
    color:var(--jrap-act);
    opacity:1;
}

#jraudio_popout_bar.jrap-min .jrap-bar-pill > svg {
    display:none;
}

#jraudio_popout_bar.jrap-min:not(.jrap-playing) .jrap-bar-pill > svg {
    display:block;
    width:22px;
    height:22px;
}

#jraudio_popout_bar.jrap-min:not(.jrap-playing) .jrap-bar-pill .jrap-eq {
    display:none;
}

/* Play next / Add to queue confirmation */
#jraudio_popout_toast {
    --jrap-bg:rgb(24,24,24);
    --jrap-fg:rgb(255,255,255);
    --jrap-ac:rgb(29,185,84);
    position:fixed;
    right:18px;
    bottom:18px;
    z-index:99991;
    max-width:calc(100vw - 36px);
    padding:10px 16px 10px 14px;
    border-left:4px solid var(--jrap-ac);
    border-radius:10px;
    box-sizing:border-box;
    background:var(--jrap-bg);
    color:var(--jrap-fg);
    font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
    font-size:13px;
    font-weight:600;
    line-height:1.3;
    box-shadow:0 10px 28px -8px rgba(0,0,0,.45),0 0 0 1px rgba(128,128,128,.22);
    opacity:0;
    transform:translateY(10px);
    pointer-events:none;
    transition:opacity .2s ease,transform .2s ease;
}

#jraudio_popout_toast.jrap-left {
    right:auto;
    left:18px;
}

#jraudio_popout_toast.jrap-toast-above {
    bottom:106px;
}

#jraudio_popout_toast.jrap-toast-show {
    opacity:1;
    transform:translateY(0);
}

@media (max-width:480px) {
    #jraudio_popout_bar,
    #jraudio_popout_bar.jrap-left {
        left:10px;
        right:10px;
        bottom:10px;
        width:auto;
        max-width:none;
    }

    #jraudio_popout_bar .jrap-bar-open {
        display:none;
    }
}

@media print {
    #jraudio_popout_bar {
        display:none !important;
    }
}

@media (prefers-reduced-motion:reduce) {
    #jraudio_popout_bar,
    #jraudio_popout_bar .jrap-eq i,
    #jraudio_popout_bar .jrap-bar-title-text {
        animation:none;
        transition:none;
    }

    /* one rule per browser prefix - a selector list with an unknown pseudo element is dropped whole */
    #jraudio_popout_bar .jrap-bar-range::-webkit-slider-thumb {
        transition:none;
    }

    #jraudio_popout_bar .jrap-bar-range::-moz-range-thumb {
        transition:none;
    }
}


/* modules/jrAudio/css/jrAudio_popout_launcher.css */


/*
 * Jamroom Audio - page audio players:the launcher (play button + track list,
 * popout_launcher.tpl) and the button player (jrAudio_button.tpl).
 * Text color comes from the page; the accent (--jrapl-ac) is set by jrAudio.js from the skin's link color.
 * All rules are scoped to .jraudio_launcher so skin styles do not leak in.
 */

.jraudio_launcher {
    --jrapl-ac:rgb(110,110,110);
    --jrapl-act:rgb(255,255,255);
    display:block;
    position:relative;
    width:100%;
    max-width:100%;
    margin:0 0 8px 0;
    padding:0;
    border:1px solid rgba(128,128,128,.28);
    border-radius:10px;
    overflow:hidden;
    box-sizing:border-box;
    background:rgba(128,128,128,.07);
    color:inherit;
    font-size:14px;
    line-height:1.35;
    text-align:left;
}

.jraudio_launcher * {
    box-sizing:border-box;
}


.jraudio_launcher .jrapl-head {
    display:flex;
    align-items:center;
    gap:12px;
    min-height:64px;
    padding:10px 12px;
}

.jraudio_launcher button {
    margin:0;
    font:inherit;
    color:inherit;
    text-transform:none;
    letter-spacing:normal;
    box-shadow:none;
    cursor:pointer;
}

.jraudio_launcher .jrapl-play {
    display:inline-flex;
    flex:0 0 auto;
    align-items:center;
    justify-content:center;
    width:44px;
    height:44px;
    min-width:0;
    padding:0;
    border:0;
    border-radius:50%;
    background:var(--jrapl-ac);
    color:var(--jrapl-act);
    transition:transform .12s ease,filter .12s ease;
}

.jraudio_launcher .jrapl-play:hover {
    transform:scale(1.06);
    filter:brightness(1.08);
}

.jraudio_launcher .jrapl-play:focus-visible,
.jraudio_launcher .jrapl-track button:focus-visible {
    outline:2px solid var(--jrapl-ac);
    outline-offset:2px;
}

.jraudio_launcher .jrapl-play svg {
    display:block;
    width:22px;
    height:22px;
    fill:currentColor;
}

.jraudio_launcher .jrapl-play .jrapl-icon-pause {
    display:none;
}

.jraudio_launcher.jrapl-playing .jrapl-play .jrapl-icon-play {
    display:none;
}

.jraudio_launcher.jrapl-playing .jrapl-play .jrapl-icon-pause {
    display:block;
}

.jraudio_launcher .jrapl-art {
    display:block;
    flex:0 0 auto;
    width:44px;
    height:44px;
    margin:0;
    padding:0;
    border:0;
    border-radius:6px;
    object-fit:cover;
}

.jraudio_launcher .jrapl-info {
    flex:1 1 0;
    min-width:0;
}

.jraudio_launcher .jrapl-title {
    overflow:hidden;
    font-weight:600;
    white-space:nowrap;
    text-overflow:ellipsis;
}

.jraudio_launcher .jrapl-artist {
    overflow:hidden;
    opacity:.7;
    font-size:12px;
    white-space:nowrap;
    text-overflow:ellipsis;
}

.jraudio_launcher .jrapl-hint {
    display:none;
    flex:0 1 auto;
    align-items:center;
    gap:5px;
    min-width:0;
    opacity:.6;
    font-size:11px;
    white-space:nowrap;
}

/* the hint only shows when the pop-out player is on */
.jraudio_launcher.jrapl-pop:not(.jrapl-inline-only) .jrapl-hint {
    display:inline-flex;
}

.jraudio_launcher .jrapl-hint svg {
    flex:0 0 auto;
    width:15px;
    height:15px;
    fill:currentColor;
}

.jraudio_launcher .jrapl-tracks {
    max-height:264px;
    margin:0;
    padding:0 0 4px 0;
    overflow-y:auto;
    border-top:1px solid rgba(128,128,128,.2);
    list-style:none;
}

.jraudio_launcher .jrapl-track {
    margin:0;
    padding:0;
    list-style:none;
}

.jraudio_launcher .jrapl-track button {
    display:flex;
    align-items:center;
    gap:10px;
    width:100%;
    min-height:36px;
    padding:6px 12px;
    border:0;
    border-radius:0;
    background:transparent;
    text-align:left;
}

.jraudio_launcher .jrapl-track button:hover {
    background:rgba(128,128,128,.14);
}

.jraudio_launcher .jrapl-num {
    flex:0 0 22px;
    opacity:.55;
    font-size:12px;
    text-align:right;
    font-variant-numeric:tabular-nums;
}

.jraudio_launcher .jrapl-ttitle {
    flex:1 1 0;
    min-width:0;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
}

.jraudio_launcher .jrapl-tartist {
    flex:0 1 auto;
    max-width:40%;
    overflow:hidden;
    opacity:.6;
    font-size:12px;
    white-space:nowrap;
    text-overflow:ellipsis;
}

/* Scrub bar - shown while one of the launcher's tracks is playing (here or in the window) */
.jraudio_launcher .jrapl-progress {
    display:none;
    align-items:center;
    gap:10px;
    padding:0 12px 10px 12px;
    font-size:11px;
    font-variant-numeric:tabular-nums;
}

.jraudio_launcher.jrapl-active .jrapl-progress {
    display:flex;
}

.jraudio_launcher .jrapl-cur,
.jraudio_launcher .jrapl-dur {
    flex:0 0 auto;
    min-width:32px;
    opacity:.7;
}

.jraudio_launcher .jrapl-dur {
    text-align:right;
}

.jraudio_launcher .jrapl-seek {
    position:relative;
    flex:1 1 auto;
    height:14px;
    cursor:pointer;
    touch-action:none;
    outline:none;
}

.jraudio_launcher .jrapl-seek::before {
    content:"";
    position:absolute;
    top:5px;
    right:0;
    left:0;
    height:4px;
    border-radius:2px;
    background:rgba(128,128,128,.3);
}

.jraudio_launcher .jrapl-seek-fill {
    position:absolute;
    top:5px;
    left:0;
    width:0;
    height:4px;
    border-radius:2px;
    background:var(--jrapl-ac);
    pointer-events:none;
}

.jraudio_launcher .jrapl-seek:focus-visible::before {
    outline:2px solid var(--jrapl-ac);
    outline-offset:2px;
}

.jraudio_launcher .jrapl-msg {
    display:none;
    padding:0 12px 10px 12px;
    font-size:12px;
    color:rgb(200,40,40);
}

.jraudio_launcher.jrapl-has-msg .jrapl-msg {
    display:block;
}

/* The track playing */
.jraudio_launcher .jrapl-current .jrapl-ttitle {
    color:var(--jrapl-ac);
    font-weight:600;
}

.jraudio_launcher .jrapl-eq {
    display:none;
    flex:0 0 22px;
    align-items:flex-end;
    justify-content:flex-end;
    gap:2px;
    height:12px;
}

.jraudio_launcher .jrapl-eq i {
    display:block;
    width:3px;
    height:40%;
    background:var(--jrapl-ac);
    border-radius:1px;
}

.jraudio_launcher .jrapl-current .jrapl-num {
    display:none;
}

.jraudio_launcher .jrapl-current .jrapl-eq {
    display:inline-flex;
}

.jraudio_launcher.jrapl-playing .jrapl-current .jrapl-eq i {
    animation:jrapl-eq .9s ease-in-out infinite alternate;
}

.jraudio_launcher.jrapl-playing .jrapl-current .jrapl-eq i:nth-child(2) {
    animation-delay:-.3s;
}

.jraudio_launcher.jrapl-playing .jrapl-current .jrapl-eq i:nth-child(3) {
    animation-delay:-.6s;
}

@keyframes jrapl-eq {
    from {
        height:25%;
    }
    to {
        height:100%;
    }
}

/* Narrow columns:drop the hint text,then the artist column */
@media (max-width:640px) {
    .jraudio_launcher .jrapl-hint-text {
        display:none;
    }
    .jraudio_launcher .jrapl-tartist {
        display:none;
    }
}

@media (prefers-reduced-motion:reduce) {
    .jraudio_launcher .jrapl-play {
        transition:none;
    }
    .jraudio_launcher.jrapl-playing .jrapl-current .jrapl-eq i {
        animation:none;
        height:70%;
    }
}

/* ------------------------------------------------------------
 * Button player - round play button for track lists
 * ------------------------------------------------------------ */

.jraudio_btn {
    --jrapl-ac:rgb(47,109,181);
    --jrapl-act:rgb(255,255,255);
    --jrab-size:30px;
    all:unset;
    box-sizing:border-box;
    display:inline-flex;
    flex:0 0 auto;
    align-items:center;
    justify-content:center;
    width:var(--jrab-size);
    height:var(--jrab-size);
    margin:0;
    padding:0;
    border:2px solid var(--jrapl-ac);
    border-radius:50%;
    background:rgba(255,255,255,.92);
    color:var(--jrapl-ac);
    line-height:1;
    vertical-align:middle;
    cursor:pointer;
    transition:background-color .12s ease,color .12s ease,transform .12s ease;
}

.jraudio_btn.jrapl-dark {
    background:rgba(0,0,0,.3);
}

.jraudio_btn:hover,
.jraudio_btn.jrab-playing {
    background:var(--jrapl-ac);
    color:var(--jrapl-act);
}

.jraudio_btn:hover {
    transform:scale(1.06);
}

.jraudio_btn:focus-visible {
    outline:2px solid var(--jrapl-ac);
    outline-offset:2px;
}

.jraudio_btn svg {
    display:block;
    width:60%;
    height:60%;
    fill:currentColor;
}

.jraudio_btn .jrab-pause,
.jraudio_btn .jrab-eq {
    display:none;
}

.jraudio_btn.jrab-playing .jrab-play {
    display:none;
}

.jraudio_btn.jrab-playing .jrab-pause {
    display:block;
}

/* playing in the pop-out window:moving bars */
.jraudio_btn.jrab-window .jrab-pause {
    display:none;
}

.jraudio_btn.jrab-window .jrab-eq {
    display:inline-flex;
    align-items:flex-end;
    gap:2px;
    height:40%;
}

.jraudio_btn .jrab-eq i {
    display:block;
    width:3px;
    height:50%;
    border-radius:1px;
    background:currentColor;
    animation:jrapl-eq .9s ease-in-out infinite alternate;
}

.jraudio_btn .jrab-eq i:nth-child(2) {
    animation-delay:-.3s;
}

.jraudio_btn .jrab-eq i:nth-child(3) {
    animation-delay:-.6s;
}

.jraudio_btn.jrab-error {
    border-color:rgb(200,40,40);
    color:rgb(200,40,40);
}

@media (prefers-reduced-motion:reduce) {
    .jraudio_btn {
        transition:none;
    }
    .jraudio_btn .jrab-eq i {
        animation:none;
        height:70%;
    }
}

.jraudio_btn_wrap {
    display:inline-block;
    line-height:0;
}


/* modules/jrBatchEdit/css/jrBatchEdit.css */


.batch-edit-label {
    display:inline-block;
    width:250px;
    text-align:right;
}

.batch-edit-input {
    display:inline-block;
    box-sizing:border-box !important;
}
.batch-edit-readonly {
    display:inline-block;
    padding-left:6px;
    color:#888;
}


/* modules/jrBirthday/css/jrBirthday.css */


.birthday_share_modal {
    display:none;
    height:auto;
    width:600px;
    z-index:100000;
}

.birthday_share_modal_box {
    position:relative;
    border-radius:5px;
    display:block;
    padding:15px;
}

.birthday_share_modal_close {
    position:absolute;
    bottom:18px;
    right:18px;
}

.birthday_share {
    display:none;
}

.birthday_share.birthday_share_on {
    display:inline;
}

.birthday_share_link {
    text-decoration:underline;
    cursor:pointer;
}

.birthday_update {
    height:50px;
    margin:0 0 5px;
    padding:5px;
    width:98%;
}

.birthday_share_indicator {
    display:none;
    vertical-align:middle;
    margin:9px 9px 0 3px;
    border:0;
}

#birthday_text_counter {
    font-size:12px;
    font-style:italic;
    display:inline-block;
    margin:3px 0 8px 3px;
}

/* modules/jrBlog/css/jrBlog.css */


/* make sure the anchors take into account a fixed header */
a.anchor {
    display:block;
    position:relative;
    top:-100px;
    visibility:hidden;
}

.float-right {
    float:right;
}

.blog_border {
    border-top:1px solid #DDD;
    padding-top:5px;
}

.stat_entry_container {
    padding:10px;
}

/* modules/jrChat/css/jrChat.css */


/* Chat CSS */

html {
    height:100%;
}

body {
    position:relative;
}

.chat_user_id_element_right .form_text,
.chat_room_user_id_element_right .form_text {
    width:85%;
}

#jrchat-room {
    background:#CCC;
    height:100%;
    position:fixed;
    right:0;
    top:0;
    box-sizing:border-box;
    z-index:100000;
    overflow-x:hidden;
}

#jrchat-tabs {
    background:#EEE;
    position:fixed;
    bottom:70px;
    display:table;
    box-sizing:border-box;
    z-index:100000;
    border-top-left-radius:5px;
    border-bottom-left-radius:5px;
}

#jrchat-hidden-tabs {
    display:none;
}

.jrchat-tab {
    cursor:pointer;
}

.jrchat-tab-inset {
    margin:5px;
}

#jrchat-box {
    position:relative;
    width:100%;
    height:100%;
    overflow-x:hidden;
    -ms-overflow-style:none;
}

#jrchat-chat {
    width:100%;
    background:#CCC;
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    z-index:100000;
    box-sizing:border-box;
    border-left:1px solid #EEE;
    overflow-x:hidden;
}

#jrchat-title {
    background:#FFF;
    position:absolute;
    top:0;
    right:0;
    width:100%;
    z-index:110000;
    padding:6px 8px 8px 8px;
    box-sizing:border-box;
    box-shadow:0 1px 3px 3px #999;
}

#jrchat-title img {
    border-radius:3px;
}

#jrchat-title .sprite_icon {
    padding:0;
    margin:0;
}

#jrchat-new-bubble {
    background:#D9FFB3;
    color:#000;
    font-size:10px;
    line-height:18px;
    position:absolute;
    bottom:-2px;
    left:-2px;
    width:18px;
    height:18px;
    border:1px solid #7F7F7F;
    border-radius:9px;
    text-align:center;
}

#jrchat-available-rooms {
    position:absolute;
    top:58px;
    right:30px;
    width:250px;
    z-index:110000;
    overflow:scroll;
}

#jrchat-no-room-notice {
    width:80%;
    margin:20px auto;
    padding:20px;
    background:#F9F9F9;
    font-size:15px;
    text-align:center;
    border-radius:5px;
}

#jrchat-select-room {
    display:inline-block;
    vertical-align:top;
    margin-bottom:3px;
}

#jrchat-room-box {
    background:#F9F9F9;
    padding:5px;
    border-radius:5px;
    overflow-y:scroll;
    overflow-x:hidden;
}

.jrchat-room-opt {
    position:relative;
    background:#EEE;
    display:block;
    padding:6px 10px;
    font-size:16px;
    margin:5px;
    border-radius:4px;
}

.jrchat-room-dl {
    position:absolute;
    top:3px;
    right:5px;
}

#jrchat-upload-images {
    position:absolute;
    top:8px;
    right:8px;
}

#pm_chat_file .upload_button {
    padding:0 !important;
    margin:0 !important;
    border:0 !important;
}

#jrchat_smiley_button {
    right:48px;
}

.jrChat_upload_button {
    padding:0 !important;
    margin:0 !important;
    cursor:pointer;
}

#chi {
    position:absolute;
    bottom:9px;
    right:15px;
}

#jrchat-upload-images .qq-upload-list {
    display:none !important;
}

.jrchat-config {
    background:#D9FFB3;
    color:#000;
    font-size:11px;
    line-height:18px;
    position:absolute;
    bottom:-2px;
    left:22px;
    width:18px;
    height:18px;
    border:1px solid #A3BF86;
    border-radius:9px;
    text-align:center;
}

.jrchat-bubble {
    background:#D9FFB3;
    color:#000;
    font-size:11px;
    line-height:18px;
    position:absolute;
    bottom:-2px;
    left:-2px;
    width:18px;
    height:18px;
    border:1px solid #7F7F7F;
    border-radius:9px;
    text-align:center;
}

#jrchat-load-next-page {
    height:0;
}

#jrchat-room-search {
    width:100%;
    box-sizing:border-box;
}

#jrchat-room-search div {
    width:100%;
    box-sizing:border-box;
    padding-top:8px;
}

#jrchat-search-input {
    display:inline;
    vertical-align:middle;
    padding:3px 4px;
    width:68%;
    margin:0;
}

#jrchat-search-reset {
    position:absolute;
    right:0;
    display:inline;
    vertical-align:middle;
    width:60px;
    margin:0;
}

#jrchat-room-browser {
    background:#FFF;
    padding:0 3px;
    border-radius:5px;
    position:fixed;
    top:63px;
    right:10px;
    width:250px;
    height:300px;
    display:none;
    overflow-y:scroll;
    overflow-x:hidden;
    z-index:110000;
}

#jrchat-messages {
    position:absolute;
    right:0;
    bottom:70px;
    width:100%;
    padding:10px 6px;
    box-sizing:border-box;
    overflow-y:scroll;
    overflow-x:hidden;
}

#jrchat-new-message {
    background:#FFF;
    position:absolute;
    right:0;
    bottom:0;
    width:100%;
    height:70px;
    padding:10px 8px;
    box-sizing:border-box;
    z-index:100;
}

#jrchat-new-message-input {
    font-family:inherit;
    width:60%;
    position:absolute;
    top:9px;
    left:6px;
    right:36px;
    height:52px;
    box-sizing:border-box;
    resize:none;
    font-size:13px;
}

#jrchat-page-limit {
    margin:6px 0;
    padding:8px;
    border-radius:8px;
    font-size:13px;
    color:#000;
    text-align:center;
}

#jrchat-empty-chat {
    padding:24px;
    background:#FC0;
    overflow:hidden;
    border-radius:5px;
    font-size:16px;
    text-align:center;
}

.jrchat-msg {
    position:relative;
    margin:6px 0;
    padding:0;
    border-radius:8px;
    font-size:13px;
}

.jrchat-msg-from {
    padding:9px 12px;
    background:#FFF2BF;
    margin-left:26px;
    overflow:hidden;
}

.jrchat-msg-from .urlscan_card {
    padding:0;
    border:0;
}

.jrchat-msg-to {
    background:#F9F9F9;
    margin-right:26px;
    overflow:hidden;
}

.jrchat-msg-added {
    padding:6px;
    background:#CF9;
    margin:0 32px;
    overflow:hidden;
}

.jrchat-msg-removed {
    padding:6px;
    background:#FC0;
    margin:0 32px;
    overflow:hidden;
}

.jrchat-msg-img {
    display:table-cell;
    width:2%;
    padding:5px 0 5px 5px;
    vertical-align:top;
}

.jrchat-msg-img img {
    width:40px;
    height:40px;
    border-radius:5px;
}

.jrchat-msg-msg {
    position:relative;
    display:table-cell;
    vertical-align:middle;
    padding:9px 12px 18px 12px;
    word-break:break-word;
    width:98%;
}

.jrchat-msg-byline {
    position:absolute;
    right:5px;
    bottom:0;
    display:block;
    font-size:8px;
    color:#AAA;
}

.jrchat-controls {
    position:absolute;
    top:4px;
    right:5px;
    cursor:pointer;
}

.jrchat-controls .sprite_icon {
    padding:0;
    margin:0;
}

.jrchat-table {
    display:table;
    width:100%;
}

.jrchat-table-row {
    display:table-row;
    width:100%;
}

.jrchat-table-cell {
    display:table-cell;
}

#jrchat-user-settings {
    background:#FFF;
    padding:0 3px;
    border-radius:5px;
    position:fixed;
    top:63px;
    right:10px;
    width:260px;
    height:300px;
    display:none;
    overflow-y:scroll;
    overflow-x:hidden;
}

#jrChat_user_config .element_left {
    width:40% !important;
}

#jrChat_user_config .element_right {
    width:60% !important;
}

#jrchat-user-control {
    background:#FFF;
    padding:0 3px;
    border-radius:5px;
    position:fixed;
    top:63px;
    right:10px;
    width:260px;
    height:300px;
    display:none;
    overflow-y:scroll;
    overflow-x:hidden;
}

.jrchat-overlay {
    opacity:0.3;
}

.jrchat-room-title {
    font-size:16px;
}

#jrchat-new-chat-title {
    width:85%;
}

#jrchat-new-chat-type {
    font-size:12px;
}

#jrchat-user-search {
    margin-top:12px;
    background:#FFF;
    width:100%;
    box-sizing:border-box;
    padding:10px;
    border-radius:5px;
}

#jrchat-user-search-text {
    width:80%;
    box-sizing:border-box;
}

#jrchat-mobile-send {
    float:right;
}

.jrchat-code-box {
    display:block;
    margin:5px 0 3px 0;
    font-family:"Roboto Mono",monospace;
    background:#FFF;
    padding:6px;
    font-size:11px;
    overflow:scroll;
    border-radius:5px;
    word-break:break-all;
}

.jrchat-code-box code {
    margin:0;
    padding:0;
}

.jrchat-typing-img {
    vertical-align:middle;
    height:11px;
    margin:10px 0 0 3px;
}

/* typing indicator */

@-webkit-keyframes ellipsis_animated-toggle {
    from {
        opacity:1;
    }
    to {
        opacity:0;
    }
}

@-moz-keyframes ellipsis_animated-toggle {
    from {
        opacity:1;
    }
    to {
        opacity:0;
    }
}

@-ms-keyframes ellipsis_animated-toggle {
    from {
        opacity:1;
    }
    to {
        opacity:0;
    }
}

@-o-keyframes ellipsis_animated-toggle {
    from {
        opacity:1;
    }
    to {
        opacity:0;
    }
}

@keyframes ellipsis_animated-toggle {
    from {
        opacity:1;
    }
    to {
        opacity:0;
    }
}

.ellipsis_animated-inner span {

    transform:translateZ(0);
    font-size:24px;
    line-height:14px;
    letter-spacing:2px;

    -webkit-animation-name:ellipsis_animated-toggle;
    -moz-animation-name:ellipsis_animated-toggle;
    -ms-animation-name:ellipsis_animated-toggle;
    -o-animation-name:ellipsis_animated-toggle;
    animation-name:ellipsis_animated-toggle;

    -webkit-animation-duration:800ms;
    -moz-animation-duration:800ms;
    -ms-animation-duration:800ms;
    -o-animation-duration:800ms;
    animation-duration:800ms;

    -webkit-animation-iteration-count:infinite;
    -moz-animation-iteration-count:infinite;
    -ms-animation-iteration-count:infinite;
    -o-animation-iteration-count:infinite;
    animation-iteration-count:infinite;

    -webkit-animation-timing-function:cubic-bezier(.02,.85,.69,1);
    -moz-animation-timing-function:cubic-bezier(.02,.85,.69,1);
    -ms-animation-timing-function:cubic-bezier(.02,.85,.69,1);
    -o-animation-timing-function:cubic-bezier(.02,.85,.69,1);
    animation-timing-function:cubic-bezier(.02,.85,.69,1);
}

.ellipsis_animated-inner span:nth-child(1) {
    -webkit-animation-delay:-800ms;
    -moz-animation-delay:-800ms;
    -ms-animation-delay:-800ms;
    -o-animation-delay:-800ms;
    animation-delay:-800ms;
}

.ellipsis_animated-inner span:nth-child(2) {
    -webkit-animation-delay:-700ms;
    -moz-animation-delay:-700ms;
    -ms-animation-delay:-700ms;
    -o-animation-delay:-700ms;
    animation-delay:-700ms;
}

.ellipsis_animated-inner span:nth-child(3) {
    -webkit-animation-delay:-600ms;
    -moz-animation-delay:-600ms;
    -ms-animation-delay:-600ms;
    -o-animation-delay:-600ms;
    animation-delay:-600ms;
}


/* modules/jrCombinedAudio/css/jrCombinedAudio.css */


.create_audio_box {
    position:inherit;
    text-align:left;
    border:1px solid #999;
    border-radius:3px;
    padding:6px;
    z-index:100;
    overflow:visible;
    box-shadow:3px 3px 3px 3px #CCC;
}

.audio-choice {
    float:left;
    text-align:center;
    padding:12px;
}

#audio-close {
    position:absolute;
    bottom:6px;
    right:6px;
}


/* modules/jrComment/css/jrComment.css */


/* @title Main Comment Indent */
/* @help This controls how far the MAIN LEVEL comments on an item is indented */
.comment-level-0 {
    margin-left:0;
}

/* @title Comment Level 1 */
/* @help This controls how far FIRST LEVEL comment replies on an item are indented */
.comment-level-1 {
    margin-left:25px !important;
}

/* @title Comment Level 2 */
/* @help This controls how far SECOND LEVEL comment replies on an item are indented */
.comment-level-2 {
    margin-left:50px !important;
}

/* @title Comment Level 3 */
/* @help This controls how far THIRD LEVEL comment replies on an item are indented */
.comment-level-3 {
    margin-left:75px !important;
}

/* @title Comment Level 4 */
/* @help This controls how far FOURTH LEVEL comment replies on an item are indented */
.comment-level-4 {
    margin-left:100px !important;
}

/* @title Comment Level 5 */
/* @help This controls how far FIFTH LEVEL comment replies on an item are indented */
.comment-level-5 {
    margin-left:125px !important;
}

/* @title Comment Level 6 */
/* @help This controls how far SIXTH LEVEL comment replies on an item are indented */
.comment-level-6 {
    margin-left:150px !important;
}

/* @title Comment Level 7 */
/* @help This controls how far SEVENTH LEVEL comment replies on an item are indented */
.comment-level-7 {
    margin-left:175px !important;
}

/* @title Comment Level 8 */
/* @help This controls how far EIGHTH LEVEL and HIGHER comment replies on an item are indented */
.comment-level-last {
    margin-left:200px !important;
}

/* @title Comment Reply Tag */
/* @help Controls the text of the "Reply" text shown on a comment when threading is enabled */
.comment-reply {
    display:inline-block;
    margin-top:6px;
    font-size:11px;
    text-transform:uppercase;
}

.jrcomment_upload_attachment {
    margin-top:-32px;
    text-align:right;
    width:100%;
}

.jrcomment_upload_attachment li.qq-upload-success {
    text-align:left;
}

.jrcomment_upload_attachment .qq-uploader {
    float:right;
}

#comment_form_holder .form_editor_holder {
    width:100%;
}

#comment_text {
    box-sizing:border-box;
    height:72px;
    width:100%;
}

/* modules/jrCore/contrib/fileuploader/fileuploader.css */


/* Have ideas for improving this CSS for the general community? Submit your changes at:https://github.com/Valums-File-Uploader/file-uploader */
.qq-uploader {
    position:relative;
}

.qq-upload-holder {
    display:inline-block;
}

.qq-upload-button {
    display:inline-block;
    text-align:center;
    line-height:15px;
    background:#880000;
    border-bottom:1px solid #DDDDDD;
    padding-bottom:4px;
    margin-top:-2px !important;
    color:#FFFFFF;
    white-space:nowrap;
}

.qq-upload-button-hover {
    background:#CC0000;
}

.qq-upload-button-focus {
    outline:1px dotted #000000;
}

.qq-upload-drop-area,.qq-upload-extra-drop-area {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    min-height:30px;
    z-index:2;
    background:#FF9797;
    text-align:center;
}

.qq-upload-drop-area span {
    display:block;
    position:absolute;
    top:50%;
    width:100%;
    margin-top:-8px;
    font-size:16px;
}

.qq-upload-extra-drop-area {
    position:relative;
    margin-top:50px;
    font-size:16px;
    padding-top:30px;
    height:20px;
    min-height:40px;
}

.qq-upload-drop-area-active {
    background:#FF7171;
}

.qq-upload-list {
    margin:0;
    padding:0;
    list-style:none;
}

.qq-upload-list li {
    width:100%;
    margin:6px 2px;
    padding:9px;
    line-height:15px;
    font-size:13px;
    background-color:#EEEEEE;
    color:#000000;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
}

.qq-upload-file,.qq-upload-spinner,.qq-upload-size,.qq-upload-cancel,.qq-upload-failed-text,.qq-upload-finished {
    margin-right:12px;
}

.qq-upload-file {
}

.qq-upload-spinner {
    display:inline-block;
    float:right;
    box-sizing:border-box;
    border-width:2px;
    border-style:solid;
    border-color:hsla(359,0%,0%,0.2);
    border-top-color:#000000;
    border-bottom-color:#000000;
    border-radius:50%;
    width:15px;
    height:15px;
    margin:0 auto;
    animation:spin 0.8s linear infinite;
    -webkit-animation:spin 0.8s linear infinite;
    vertical-align:text-bottom;
}

.qq-upload-finished {
    display:none;
    width:15px;
    height:15px;
    vertical-align:text-bottom;
}

.qq-upload-size,.qq-upload-cancel {
    font-size:12px;
    font-weight:normal;
}

.qq-upload-failed-text {
    display:none;
}

.qq-upload-failed-icon {
    display:none;
    width:15px;
    height:15px;
    vertical-align:text-bottom;
}

.qq-upload-fail .qq-upload-failed-text {
    display:inline;
}

.qq-upload-list li.qq-upload-success {
    margin:6px 2px;
    background-color:#CCFF99;
    color:#000000;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
}

.qq-upload-list li.qq-upload-fail {
    margin:6px 2px;
    background-color:#FFCC00;
    color:#000000;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
}

.qq-upload-delete {
    display:none;
    float:right;
}

@media handheld,only screen and (max-width:767px) {
    .qq-upload-holder {
        margin-left:6px;
    }
}


/* modules/jrCore/contrib/sweetalert/sweetalert.css */


.sweet-overlay {
    background-color:black;
    background-color:rgba(0,0,0,0.8);
    position:fixed;
    left:0;
    right:0;
    top:0;
    bottom:0;
    display:none;
    z-index:10000;
}

.sweet-alert {
    background-color:white;
    width:438px;
    padding:10px 20px 20px 20px;
    text-align:center;
    position:fixed;
    left:50%;
    top:40%;
    margin-left:-236px;
    margin-top:-200px;
    overflow:hidden;
    display:none;
    z-index:99999;
}

@media all and (max-width:540px) {
    .sweet-alert {
        width:auto;
        margin-left:0;
        margin-right:0;
        left:15px !important;
        right:15px;
    }
}

.sweet-alert h2 {
    color:#000000;
    font-size:24px;
    text-align:center;
    font-weight:bold;
    text-transform:capitalize;
    position:relative;
    margin:25px 0 10px 0;
    padding:0;
    line-height:40px;
    display:block;
}

.sweet-alert p {
    color:#444444;
    font-size:16px;
    font-weight:300;
    position:relative;
    text-align:inherit;
    float:none;
    margin:0;
    padding:0;
    line-height:normal;
}

.sweet-alert fieldset {
    border:none;
    position:relative;
}

.sweet-alert .sa-error-container {
    background-color:#F1F1F1;
    margin-left:-17px;
    margin-right:-17px;
    overflow:hidden;
    padding:0 10px;
    max-height:0;
}

.sweet-alert .sa-error-container.show {
    padding:10px 0;
    max-height:100px;
    webkit-transition:padding 0.2s,max-height 0.2s;
    transition:padding 0.25s,max-height 0.25s;
}

.sweet-alert .sa-error-container .icon {
    display:inline-block;
    width:24px;
    height:24px;
    border-radius:50%;
    background-color:#FF9933;
    color:white;
    line-height:24px;
    text-align:center;
    margin-right:3px;
}

.sweet-alert .sa-error-container p {
    display:inline-block;
}

.sweet-alert .sa-input-error {
    position:absolute;
    top:29px;
    right:26px;
    width:20px;
    height:20px;
    opacity:0;
}

.sweet-alert .sa-input-error::before,.sweet-alert .sa-input-error::after {
    content:"";
    width:20px;
    height:6px;
    background-color:#FF9933;
    border-radius:3px;
    position:absolute;
    top:50%;
    margin-top:-4px;
    left:50%;
    margin-left:-9px;
}

.sweet-alert .sa-input-error::before {
}

.sweet-alert .sa-input-error::after {
}

.sweet-alert .sa-input-error.show {
    opacity:1;
}

.sweet-alert input {
    width:100%;
    box-sizing:border-box;
    border-radius:3px;
    border:1px solid #D7D7D7;
    height:43px;
    margin-top:10px;
    margin-bottom:17px;
    font-size:16px;
    box-shadow:inset 0 1px 1px rgba(0,0,0,0.06);
    padding:0 12px;
    display:none;
    -webkit-transition:all 0.3s;
    transition:all 0.3s;
}

.sweet-alert input:focus {
    outline:none;
}

.sweet-alert input:focus::-moz-placeholder {
    transition:opacity 0.3s 0.03s ease;
    opacity:0.5;
}

.sweet-alert input:focus:-ms-input-placeholder {
    transition:opacity 0.3s 0.03s ease;
    opacity:0.5;
}

.sweet-alert input:focus::-webkit-input-placeholder {
    transition:opacity 0.3s 0.03s ease;
    opacity:0.5;
}

.sweet-alert input::-moz-placeholder {
    color:#BDBDBD;
}

.sweet-alert input::-ms-clear {
    display:none;
}

.sweet-alert input:-ms-input-placeholder {
    color:#BDBDBD;
}

.sweet-alert input::-webkit-input-placeholder {
    color:#BDBDBD;
}

.sweet-alert.show-input input {
    display:block;
}

.sweet-alert .sa-confirm-button-container {
    display:inline-block;
    position:relative;
}

.sweet-alert .la-ball-fall {
    position:absolute;
    left:50%;
    top:50%;
    margin-left:-27px;
    margin-top:4px;
    opacity:0;
    visibility:hidden;
}

.sweet-alert button {
    margin:0 10px;
}

.sweet-alert[data-has-confirm-button=false][data-has-cancel-button=false] {
    padding-bottom:40px;
}

.sweet-alert .sa-icon {
    width:80px;
    height:80px;
    border:4px solid gray;
    -webkit-border-radius:40px;
    border-radius:50%;
    margin:20px auto;
    padding:0;
    position:relative;
    box-sizing:content-box;
    text-shadow:0 0 3px #000000;
}

.sweet-alert .sa-icon.sa-error {
    border-color:#FF9933;
}

.sweet-alert .sa-icon.sa-error .sa-x-mark {
    position:relative;
    display:block;
}

.sweet-alert .sa-icon.sa-error .sa-line {
    position:absolute;
    height:5px;
    width:47px;
    background-color:#FF9933;
    display:block;
    top:37px;
    border-radius:2px;
}

.sweet-alert .sa-icon.sa-error .sa-line.sa-left {
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg);
    left:17px;
}

.sweet-alert .sa-icon.sa-error .sa-line.sa-right {
    -webkit-transform:rotate(-45deg);
    transform:rotate(-45deg);
    right:16px;
}

.sweet-alert .sa-icon.sa-warning {
    border-color:#FFCC00;
}

.sweet-alert .sa-icon.sa-warning .sa-body {
    position:absolute;
    width:5px;
    height:47px;
    left:50%;
    top:10px;
    -webkit-border-radius:2px;
    border-radius:2px;
    margin-left:-2px;
    background-color:#FFCC00;
}

.sweet-alert .sa-icon.sa-warning .sa-dot {
    position:absolute;
    width:7px;
    height:7px;
    -webkit-border-radius:50%;
    border-radius:50%;
    margin-left:-3px;
    left:50%;
    bottom:10px;
    background-color:#FFCC00;
}

.sweet-alert .sa-icon.sa-info {
    border-color:#C9DAE1;
}

.sweet-alert .sa-icon.sa-info::before {
    content:"";
    position:absolute;
    width:5px;
    height:29px;
    left:50%;
    bottom:17px;
    border-radius:2px;
    margin-left:-2px;
    background-color:#C9DAE1;
}

.sweet-alert .sa-icon.sa-info::after {
    content:"";
    position:absolute;
    width:7px;
    height:7px;
    border-radius:50%;
    margin-left:-3px;
    top:19px;
    background-color:#C9DAE1;
    left:50%;
}

.sweet-alert .sa-icon.sa-success {
    border-color:#A5DC86;
}

.sweet-alert .sa-icon.sa-success::before,.sweet-alert .sa-icon.sa-success::after {
    content:'';
    -webkit-border-radius:40px;
    border-radius:50%;
    position:absolute;
    width:60px;
    height:120px;
    background:white;
}

.sweet-alert .sa-icon.sa-success::before {
    -webkit-border-radius:120px 0 0 120px;
    border-radius:120px 0 0 120px;
    top:-7px;
    left:-33px;
    -webkit-transform:rotate(-45deg);
    transform:rotate(-45deg);
    -webkit-transform-origin:60px 60px;
    transform-origin:60px 60px;
}

.sweet-alert .sa-icon.sa-success::after {
    -webkit-border-radius:0 120px 120px 0;
    border-radius:0 120px 120px 0;
    top:-11px;
    left:30px;
    -webkit-transform:rotate(-45deg);
    transform:rotate(-45deg);
    -webkit-transform-origin:0 60px;
    transform-origin:0 60px;
}

.sweet-alert .sa-icon.sa-success .sa-placeholder {
    width:80px;
    height:80px;
    border:4px solid rgba(165,220,134,0.2);
    -webkit-border-radius:40px;
    border-radius:50%;
    box-sizing:content-box;
    position:absolute;
    left:-4px;
    top:-4px;
    z-index:2;
}

.sweet-alert .sa-icon.sa-success .sa-fix {
    width:5px;
    height:90px;
    background-color:white;
    position:absolute;
    left:28px;
    top:8px;
    z-index:1;
    -webkit-transform:rotate(-45deg);
    transform:rotate(-45deg);
}

.sweet-alert .sa-icon.sa-success .sa-line {
    height:5px;
    background-color:#A5DC86;
    display:block;
    border-radius:2px;
    position:absolute;
    z-index:2;
}

.sweet-alert .sa-icon.sa-success .sa-line.sa-tip {
    width:25px;
    left:14px;
    top:46px;
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg);
}

.sweet-alert .sa-icon.sa-success .sa-line.sa-long {
    width:47px;
    right:8px;
    top:38px;
    -webkit-transform:rotate(-45deg);
    transform:rotate(-45deg);
}

.sweet-alert .sa-icon.sa-custom {
    background-size:contain;
    border-radius:0;
    border:none;
    background-position:center center;
    background-repeat:no-repeat;
}


/* modules/jrCore/contrib/livesearch/jquery.livesearch.css */


#jquery-live-search {
    background:#FFFFFF;
    padding:5px 10px;
    max-height:400px;
    overflow:auto;
    position:absolute;
    z-index:200000;
    border:1px solid #A9A9A9;
    border-width:0 1px 1px 1px;
    -webkit-box-shadow:5px 5px 5px rgba(0,0,0,0.3);
    -moz-box-shadow:5px 5px 5px rgba(0,0,0,0.3);
    box-shadow:5px 5px 5px rgba(0,0,0,0.3);
}

#jquery-live-search a {
    color:#000000;
}

/* modules/jrCore/contrib/lightbox/lightbox.css */


/*
 * Jamroom Lightbox CSS (for the bundled Lightbox2 2.12.0 - see README.txt)
 * The overlay and the lightbox are position:fixed - 2.12.0 no longer sizes the overlay
 * or adds the page scroll offset to the lightbox position in JavaScript
 */
.lightboxOverlay {
    position:fixed;
    top:0;
    right:0;
    bottom:0;
    left:0;
    z-index:999999;
    background-color:black;
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    opacity:0.8;
    display:none;
}

.lightbox {
    position:fixed;
    left:0;
    width:100%;
    z-index:1000000;
    text-align:center;
    line-height:0;
    font-weight:normal;
    outline:none;
}

.lightbox .lb-image {
    display:block;
    height:auto;
    max-width:inherit;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    -ms-border-radius:3px;
    -o-border-radius:3px;
    border-radius:3px;
}

.lightbox a img {
    border:none;
}

.lb-outerContainer {
    position:relative;
    background-color:#111;
    *zoom:1;
    width:250px;
    height:250px;
    margin:0 auto;
    border-radius:5px 5px 0 0;
}

.lb-outerContainer:after {
    content:"";
    display:table;
    clear:both;
}

.lb-container {
    padding:4px;
}

.lb-loader {
    position:absolute;
    top:43%;
    left:0;
    height:25%;
    width:100%;
    text-align:center;
    line-height:0;
}

.lb-cancel {
    display:block;
    width:32px;
    height:32px;
    margin:0 auto;
}

.lb-nav {
    position:absolute;
    top:0;
    left:0;
    height:100%;
    width:100%;
    pointer-events:none;
}

.lb-container > .nav {
    left:0;
}

.lb-nav a {
    outline:none;
}

.lb-prev,.lb-next {
    font-size:24px;
    font-weight:bold;
    color:#CCC;
    height:100%;
    cursor:pointer;
    display:block;
    vertical-align:middle;
    line-height:50px;
    text-shadow:0 1px 1px #000;
    pointer-events:all;
}

.lb-nav a.lb-prev {
    width:20%;
    left:0;
    float:left;
    padding-left:15px;
    text-align:left;
    opacity:0;
}

.lb-nav a.lb-prev::before {
    content:"<";
    position:absolute;
    top:45%;
    left:15px;
}

.lb-nav a.lb-prev:hover {
    opacity:1;
    text-decoration:none;
    color:#FFF;
}

.lb-nav a.lb-next {
    width:33%;
    right:0;
    float:right;
    text-align:right;
    padding-right:15px;
    opacity:0;
}

.lb-nav a.lb-next::before {
    content:">";
    position:absolute;
    top:45%;
    right:15px;
}

.lb-nav a.lb-next:hover {
    opacity:1;
    text-decoration:none;
    color:#FFF;
}

.lb-dataContainer {
    background:#111;
    margin:0 auto;
    padding-top:5px;
    *zoom:1;
    width:100%;
    border-radius:0 0 5px 5px;
}

.lb-dataContainer:after {
    content:"";
    display:table;
    clear:both;
}

.lb-data {
    padding:0 4px;
    color:#CCC;
}

.lb-data .lb-details {
    padding:0 0 8px 5px;
    width:85%;
    float:left;
    text-align:left;
    line-height:1.1em;
}

.lb-data .lb-caption {
    font-size:13px;
    font-weight:bold;
    line-height:1em;
}

.lb-data .lb-number {
    display:block;
    clear:left;
    font-size:12px;
    color:#999;
}

.lb-data .lb-close {
    font-size:24px;
    color:#CCC;
    float:right;
    line-height:20px;
    text-shadow:0 1px 1px #000;
    margin-right:5px;
    padding-bottom:8px;
}

.lb-data .lb-close::before {
    content:"x";
}

.lb-data .lb-close:hover {
    cursor:pointer;
    color:#FFF;
}

body.lb-disable-scrolling {
    overflow:hidden;
}


/* modules/jrCore/contrib/select2/css/select2.min.css */


.select2-container{box-sizing:border-box;display:inline-block;margin:0;position:relative;vertical-align:middle}.select2-container .select2-selection--single{box-sizing:border-box;cursor:pointer;display:block;height:28px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--single .select2-selection__rendered{display:block;padding-left:8px;padding-right:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-selection--single .select2-selection__clear{background-color:rgba(0,0,0,0);border:none;font-size:1em}.select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered{padding-right:8px;padding-left:20px}.select2-container .select2-selection--multiple{box-sizing:border-box;cursor:pointer;display:block;min-height:32px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--multiple .select2-selection__rendered{display:inline;list-style:none;padding:0}.select2-container .select2-selection--multiple .select2-selection__clear{background-color:rgba(0,0,0,0);border:none;font-size:1em}.select2-container .select2-search--inline .select2-search__field{box-sizing:border-box;border:none;font-size:100%;margin-top:5px;margin-left:5px;padding:0;max-width:100%;resize:none;height:20px;vertical-align:bottom;font-family:sans-serif;overflow:hidden;word-break:keep-all}.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-container .select2-search--inline .select2-search__field::placeholder{line-height:normal}.select2-dropdown{background-color:#fff;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:block;position:absolute;left:-100000px;width:100%;z-index:1051}.select2-results{display:block}.select2-results__options{list-style:none;margin:0;padding:0}.select2-results__option{padding:6px;user-select:none;-webkit-user-select:none}.select2-results__option--selectable{cursor:pointer}.select2-container--open .select2-dropdown{left:0}.select2-container--open .select2-dropdown--above{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--open .select2-dropdown--below{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-search--dropdown{display:block;padding:4px}.select2-search--dropdown .select2-search__field{padding:4px;width:100%;box-sizing:border-box}.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-search--dropdown.select2-search--hide{display:none}.select2-close-mask{border:0;margin:0;padding:0;display:block;position:fixed;left:0;top:0;min-height:100%;min-width:100%;height:auto;width:auto;opacity:0;z-index:99;background-color:#fff;filter:alpha(opacity=0)}.select2-hidden-accessible{border:0 !important;clip:rect(0 0 0 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;height:1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important;white-space:nowrap !important}.select2-container--default .select2-selection--single{background-color:#fff;border:1px solid #aaa;border-radius:4px}.select2-container--default .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--default .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;height:26px;margin-right:20px;padding-right:0px}.select2-container--default .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--default .select2-selection--single .select2-selection__arrow{height:26px;position:absolute;top:1px;right:1px;width:20px}.select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:#888 rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0);border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__clear{float:left}.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__arrow{left:1px;right:auto}.select2-container--default.select2-container--disabled .select2-selection--single{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear{display:none}.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:rgba(0,0,0,0) rgba(0,0,0,0) #888 rgba(0,0,0,0);border-width:0 4px 5px 4px}.select2-container--default .select2-selection--multiple{background-color:#fff;border:1px solid #aaa;border-radius:4px;cursor:text;padding-bottom:5px;padding-right:5px;position:relative}.select2-container--default .select2-selection--multiple.select2-selection--clearable{padding-right:25px}.select2-container--default .select2-selection--multiple .select2-selection__clear{cursor:pointer;font-weight:bold;height:20px;margin-right:10px;margin-top:5px;position:absolute;right:0;padding:1px}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:inline-block;margin-left:5px;margin-top:5px;padding:0;padding-left:20px;position:relative;max-width:100%;overflow:hidden;text-overflow:ellipsis;vertical-align:bottom;white-space:nowrap}.select2-container--default .select2-selection--multiple .select2-selection__choice__display{cursor:default;padding-left:2px;padding-right:5px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{background-color:rgba(0,0,0,0);border:none;border-right:1px solid #aaa;border-top-left-radius:4px;border-bottom-left-radius:4px;color:#999;cursor:pointer;font-size:1em;font-weight:bold;padding:0 4px;position:absolute;left:0;top:0}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover,.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus{background-color:#f1f1f1;color:#333;outline:none}.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice{padding:0 20px 0 0;margin-left:5px;margin-right:auto}.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__display{padding-left:5px;padding-right:2px}.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove{left:auto;right:0;border-left:1px solid #aaa;border-right:none;border-top-left-radius:0;border-bottom-left-radius:0;border-top-right-radius:4px;border-bottom-right-radius:4px}.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__clear{float:left;margin-left:10px;margin-right:auto}.select2-container--default.select2-container--focus .select2-selection--multiple{border:solid #000 1px;outline:0}.select2-container--default.select2-container--disabled .select2-selection--multiple{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection__choice__remove{display:none}.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple{border-top-left-radius:0;border-top-right-radius:0}.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--default .select2-search--dropdown .select2-search__field{border:1px solid #aaa}.select2-container--default .select2-search--inline .select2-search__field{background:rgba(0,0,0,0);border:none;outline:0;box-shadow:none;-webkit-appearance:textfield}.select2-container--default .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--default .select2-results__option .select2-results__option{padding-left:1em}.select2-container--default .select2-results__option .select2-results__option .select2-results__group{padding-left:0}.select2-container--default .select2-results__option .select2-results__option .select2-results__option{margin-left:-1em;padding-left:2em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-2em;padding-left:3em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-3em;padding-left:4em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-4em;padding-left:5em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-5em;padding-left:6em}.select2-container--default .select2-results__option--group{padding:0}.select2-container--default .select2-results__option--disabled{color:#999}.select2-container--default .select2-results__option--selected{background-color:#ddd}.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable{background-color:#5897fb;color:#fff}.select2-container--default .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic .select2-selection--single{background-color:rgb(246.5,246.5,246.5);border:1px solid #aaa;border-radius:4px;outline:0;background-image:-webkit-linear-gradient(top,white 50%,#eeeeee 100%);background-image:-o-linear-gradient(top,white 50%,#eeeeee 100%);background-image:linear-gradient(to bottom,white 50%,#eeeeee 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF',endColorstr='#FFEEEEEE',GradientType=0)}.select2-container--classic .select2-selection--single:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--classic .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;height:26px;margin-right:20px}.select2-container--classic .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--classic .select2-selection--single .select2-selection__arrow{background-color:#ddd;border:none;border-left:1px solid #aaa;border-top-right-radius:4px;border-bottom-right-radius:4px;height:26px;position:absolute;top:1px;right:1px;width:20px;background-image:-webkit-linear-gradient(top,#eeeeee 50%,#cccccc 100%);background-image:-o-linear-gradient(top,#eeeeee 50%,#cccccc 100%);background-image:linear-gradient(to bottom,#eeeeee 50%,#cccccc 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE',endColorstr='#FFCCCCCC',GradientType=0)}.select2-container--classic .select2-selection--single .select2-selection__arrow b{border-color:#888 rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0);border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__clear{float:left}.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__arrow{border:none;border-right:1px solid #aaa;border-radius:0;border-top-left-radius:4px;border-bottom-left-radius:4px;left:1px;right:auto}.select2-container--classic.select2-container--open .select2-selection--single{border:1px solid #5897fb}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow{background:rgba(0,0,0,0);border:none}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:rgba(0,0,0,0) rgba(0,0,0,0) #888 rgba(0,0,0,0);border-width:0 4px 5px 4px}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single{border-top:none;border-top-left-radius:0;border-top-right-radius:0;background-image:-webkit-linear-gradient(top,white 0%,#eeeeee 50%);background-image:-o-linear-gradient(top,white 0%,#eeeeee 50%);background-image:linear-gradient(to bottom,white 0%,#eeeeee 50%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF',endColorstr='#FFEEEEEE',GradientType=0)}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0;background-image:-webkit-linear-gradient(top,#eeeeee 50%,white 100%);background-image:-o-linear-gradient(top,#eeeeee 50%,white 100%);background-image:linear-gradient(to bottom,#eeeeee 50%,white 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE',endColorstr='#FFFFFFFF',GradientType=0)}.select2-container--classic .select2-selection--multiple{background-color:#fff;border:1px solid #aaa;border-radius:4px;cursor:text;outline:0;padding-bottom:5px;padding-right:5px}.select2-container--classic .select2-selection--multiple:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--multiple .select2-selection__clear{display:none}.select2-container--classic .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;display:inline-block;margin-left:5px;margin-top:5px;padding:0}.select2-container--classic .select2-selection--multiple .select2-selection__choice__display{cursor:default;padding-left:2px;padding-right:5px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove{background-color:rgba(0,0,0,0);border:none;border-top-left-radius:4px;border-bottom-left-radius:4px;color:#888;cursor:pointer;font-size:1em;font-weight:bold;padding:0 4px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover{color:#555;outline:none}.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__display{padding-left:5px;padding-right:2px}.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove{border-top-left-radius:0;border-bottom-left-radius:0;border-top-right-radius:4px;border-bottom-right-radius:4px}.select2-container--classic.select2-container--open .select2-selection--multiple{border:1px solid #5897fb}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--classic .select2-search--dropdown .select2-search__field{border:1px solid #aaa;outline:0}.select2-container--classic .select2-search--inline .select2-search__field{outline:0;box-shadow:none}.select2-container--classic .select2-dropdown{background-color:#fff;border:1px solid rgba(0,0,0,0)}.select2-container--classic .select2-dropdown--above{border-bottom:none}.select2-container--classic .select2-dropdown--below{border-top:none}.select2-container--classic .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--classic .select2-results__option--group{padding:0}.select2-container--classic .select2-results__option--disabled{color:gray}.select2-container--classic .select2-results__option--highlighted.select2-results__option--selectable{background-color:#3875d7;color:#fff}.select2-container--classic .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic.select2-container--open .select2-dropdown{border-color:#5897fb}

/* modules/jrCore/css/jrCore.css */


/* Modal Window */
* {
    -webkit-font-smoothing:subpixel-antialiased;
}

/* @title Modal Overlay background */
/* @help Defines the background color used when a modal window is opened */
#simplemodal-overlay {
    background-color:#000;
    cursor:wait;
}

#modal_window {
    display:none;
    overflow:auto;
}

/* @title Modal Update Text */
/* @help Text used for individual update lines in an activity update modal window */
#modal_updates {
    color:#000;
    font-size:12px;
    font-family:monospace;
    padding:8px 16px; 
    overflow:auto;
}

#modal_indicator {
    display:none;
    float:right;
    position:relative;
    top:60px;
    right:20px;
}

.search_area_left {
    padding-bottom:12px !important;
}

.search_area_right {
    padding-bottom:12px !important;
}

.live_search_text {
    resize:none !important;
}

/* File form field */
.jrcore_file_detail {
    position:relative;
    width:76.5%;
    padding:6px 10px !important;
    margin:8px 0 12px 2px !important;
    font-size:12px !important;
    font-variant:normal !important;
    text-transform:none !important;
    border-radius:3px;
}

.jrcore_file_detail_left {
    width:2%;
    vertical-align:middle;
}

.jrcore_file_detail_right {
    width:98%;
    text-align:left;
}

.jrcore_file_title {
    width:60px;
    display:inline-block;
    text-align:right;
    text-transform:lowercase;
    font-variant:small-caps;
}

.at_link a {
    color:#009;
    text-decoration:none;
}

.at_link a:hover {
    text-decoration:underline;
}

/* Admin Menu Accordion */
.accordion {
    margin:0;
    padding-top:10px;
}

.accordion a {
    color:#000;
    text-decoration:none;
}

.accordion a:hover {
    color:#000;
    text-decoration:none;
}

dt {
    padding:12px;
    font-weight:bold;
    cursor:pointer;
}

dt a {
    color:#000;
}

dd {
    padding:3px 0;
    margin:0;
    font-size:12px;
}

#item-holder {
    margin-right:9px;
}

#item-list {
    width:100%;
    display:table;
    margin:9px 0 9px 9px;
    padding:6px;
}

.item-row {
    width:100%;
    display:table-row;
    cursor:pointer;
    height:42px;
    background:#DDD;
}

.item-row-active {
    background:#FFF;
}

.item-row:hover {
    background:#FFF;
}

.item-icon {
    display:table-cell;
    padding:3px;
}

.item-entry {
    width:100%;
    display:table-cell;
    padding:6px;
    font-size:14px;
    color:#000;
    vertical-align:middle;
}

.item-enabled {
    display:table-cell;
    padding-right:6px;
}

.item-disabled {
    display:table-cell;
    color:#000;
    background:#FC0;
    font-size:11px;
    padding:6px;
    border:1px solid #AAA;
    border-radius:4px;
}

.item-active {
    display:table-cell;
    background:#CF9;
    font-size:11px;
    padding:6px;
    border:1px solid #AAA;
    border-radius:4px;
}

#item-work {
    background:#DDD;
    max-width:100%;
}

#error_log {
    font-family:Monaco,"Lucida Console",monospace;
    width:100%;
    padding:6px;
    font-size:10px;
    overflow:auto;
}

#debug_log {
    font-family:Monaco,"Lucida Console",monospace;
    width:100%;
    padding:6px;
    font-size:10px;
    overflow:auto;
    white-space:pre;
    word-break:break-word;
}

.ds_browser_item {
    max-height:250px;
    overflow:scroll;
}

/* DataStore Browser */
.ds_browser_key {
    width:425px;
    display:inline-block;
    text-align:right;
    background:#EEE;
    padding:1px 3px;
    border-radius:2px;
    margin-bottom:2px;
    font-size:12px;
    font-weight:bold;
}

.ds_browser_value {
    text-align:left;
    padding-left:3px;
    word-break:break-all;
}

#ds_browser_new_key {
    width:120px;
}

/* Template Editor */
.form_editor_holder {
    text-transform:none;
    width:95%;
    z-index:25000;
    height:100%;
    padding:0;
    margin:0;
}

.form_editor_holder > div {
    min-height:170px;
}

.form_editor_full_width {
    width:100%;
    margin-top:8px;
    margin-bottom:8px;
}

.page_custom {
    max-width:1024px;
    box-sizing:border-box;
}

.form_template {
    text-transform:none;
    box-sizing:border-box;
}

.form_template_editor {
    text-transform:none;
    height:600px;
}

.php_Notice {
}

.php_Warning {
    color:#F90;
}

.php_Fatal,.php_Parse {
    color:#F00;
}

.log-inf {
    text-align:left;
    word-break:break-all;
}

.log-dbg {
    text-align:left;
    word-break:break-all;
    color:#666 !important;
}

.log-min {
    background:#FF9;
    text-align:left;
    word-break:break-all;
}

.log-maj {
    background:#F93;
    text-align:left;
    word-break:break-all;
}

.log-cri {
    background:#F63;
    text-align:left;
    word-break:break-all;
}

.style-box {
    width:80%;
    margin-bottom:6px;
    padding:6px;
    border-left-width:2px;
    border-left-style:solid;
    border-left-color:#DDD;
    font-size:12px;
    float:left;
}

.style-box-hilight {
    border-left-color:#FC0;
}

.style-reset {
    position:absolute;
    top:6px;
    right:32px;
}

.style-input {
    width:175px;
}

.style-select {
    width:185px !important;
}

.style-color {
    width:28px;
    height:22px;
    margin:0 6px;
    padding:1px;
    border:1px solid #DDD;
    vertical-align:middle;
    cursor:pointer;
}

/* checkered swatch when the color is "transparent" */
.style-color-transparent {
    background:repeating-conic-gradient(#CCC 0% 25%,#FFF 0% 50%) 50% / 8px 8px;
}

.style-color-transparent::-webkit-color-swatch {
    opacity:0;
}

.style-color-transparent::-moz-color-swatch {
    opacity:0;
}

.style-label {
    display:inline-block;
    width:120px;
    text-align:right;
    margin:6px;
    padding:0;
}

/* @title Code Editor Colors */
/* @help Colors of the code editors (template editor,template compare,Site Builder code) - set these variables in a skin to restyle every editor */
:root {
    --jr-code-bg:#FFF;
    --jr-code-text:#000;
    --jr-code-border:#CCC;
    --jr-code-scheme:light;
    --jr-code-gutter-bg:#F7F7F7;
    --jr-code-gutter-border:#DDD;
    --jr-code-line-number:#999;
    --jr-code-cursor:#000;
    --jr-code-selection:#D9D9D9;
    --jr-code-selection-focused:#D7D4F0;
    --jr-code-active-line:#E8F2FF;
    --jr-code-keyword:#708;
    --jr-code-atom:#219;
    --jr-code-number:#164;
    --jr-code-def:#00F;
    --jr-code-variable:#05A;
    --jr-code-variable-3:#085;
    --jr-code-comment:#A50;
    --jr-code-string:#A11;
    --jr-code-string-2:#F50;
    --jr-code-meta:#555;
    --jr-code-builtin:#30A;
    --jr-code-bracket:#997;
    --jr-code-tag:#170;
    --jr-code-attribute:#00C;
    --jr-code-error:#F00;
    --jr-code-match:#0F0;
    --jr-diff-add-bg:#DDEEFF;
    --jr-diff-add-border:#A3D1FF;
    --jr-diff-delete-bg:#EDC0C0;
    --jr-diff-delete-border:#FF7F7F;
    --jr-diff-change-bg:#FAFAFA;
    --jr-diff-change-border:#A3A3A3;
    --jr-diff-inline-delete:#FFD940;
    --jr-diff-add-line:#4BA3FA;
    --jr-diff-delete-line:#FF7F7F;
    --jr-diff-change-line:#A3A3A3;
    --jr-diff-add-active:#4B73FF;
    --jr-diff-delete-active:#FF4F4F;
    --jr-diff-change-active:#434343;
    --jr-diff-canvas-bg:#EEE;
    --jr-diff-viewport:rgba(0,0,200,0.5);
}

/* @title Code Editor */
/* @help The code editor box */
.CodeMirror {
    background:var(--jr-code-bg);
    color:var(--jr-code-text);
    color-scheme:var(--jr-code-scheme);
    padding:6px;
    font-size:12px;
    border:solid 1px var(--jr-code-border);
    overflow:auto;
}

/* @title Code Editor Gutter */
/* @help The line number column of the code editor */
.CodeMirror .CodeMirror-gutters {
    background-color:var(--jr-code-gutter-bg);
    border-right:1px solid var(--jr-code-gutter-border);
}

/* @title Code Editor Line Number */
/* @help Line numbers in the code editor */
.CodeMirror .CodeMirror-linenumber {
    color:var(--jr-code-line-number);
}

/* @title Code Editor Scrollbar Corner */
/* @help The square between the code editor scrollbars */
.CodeMirror .CodeMirror-scrollbar-filler,.CodeMirror .CodeMirror-gutter-filler {
    background-color:var(--jr-code-bg);
}

/* @title Code Editor Cursor */
/* @help The text cursor in the code editor */
.CodeMirror div.CodeMirror-cursor {
    border-left-color:var(--jr-code-cursor);
}

/* @title Code Editor Selection */
/* @help Selected text in the code editor */
.CodeMirror .CodeMirror-selected {
    background:var(--jr-code-selection);
}

.CodeMirror-focused .CodeMirror-selected {
    background:var(--jr-code-selection-focused);
}

.CodeMirror .CodeMirror-activeline-background {
    background:var(--jr-code-active-line);
}

/* @title Code Editor Syntax */
/* @help Syntax highlighting colors in the code editor - set with the --jr-code variables */
.CodeMirror.cm-s-default .cm-keyword {
    color:var(--jr-code-keyword);
}

.CodeMirror.cm-s-default .cm-atom {
    color:var(--jr-code-atom);
}

.CodeMirror.cm-s-default .cm-number {
    color:var(--jr-code-number);
}

.CodeMirror.cm-s-default .cm-def {
    color:var(--jr-code-def);
}

.CodeMirror.cm-s-default .cm-variable-2 {
    color:var(--jr-code-variable);
}

.CodeMirror.cm-s-default .cm-variable-3 {
    color:var(--jr-code-variable-3);
}

.CodeMirror.cm-s-default .cm-comment {
    color:var(--jr-code-comment);
}

.CodeMirror.cm-s-default .cm-string {
    color:var(--jr-code-string);
}

.CodeMirror.cm-s-default .cm-string-2 {
    color:var(--jr-code-string-2);
}

.CodeMirror.cm-s-default .cm-meta,.CodeMirror.cm-s-default .cm-qualifier {
    color:var(--jr-code-meta);
}

.CodeMirror.cm-s-default .cm-builtin {
    color:var(--jr-code-builtin);
}

.CodeMirror.cm-s-default .cm-bracket {
    color:var(--jr-code-bracket);
}

.CodeMirror.cm-s-default .cm-tag {
    color:var(--jr-code-tag);
}

.CodeMirror.cm-s-default .cm-attribute,.CodeMirror.cm-s-default .cm-link {
    color:var(--jr-code-attribute);
}

.CodeMirror.cm-s-default .cm-error,.CodeMirror .cm-invalidchar {
    color:var(--jr-code-error);
}

.CodeMirror span.CodeMirror-matchingbracket {
    color:var(--jr-code-match);
}

/* Drop down menus that would end past the right edge of the window are moved left (jrCore_menu_keep_on_screen) */
.jr-menu-shift {
    transform:translateX(var(--jr-menu-dx,0)) !important;
}

/* @title Template Compare */
/* @help Added,deleted and changed lines in the template compare view - set with the --jr-diff variables */
#template-compare-view .CodeMirror .jr-diff-add {
    background-color:var(--jr-diff-add-bg);
}

#template-compare-view .CodeMirror .jr-diff-delete {
    background-color:var(--jr-diff-delete-bg);
}

#template-compare-view .CodeMirror .jr-diff-change {
    background-color:var(--jr-diff-change-bg);
}

#template-compare-view .CodeMirror-merge-r-chunk,#template-compare-view .CodeMirror-merge-r-chunk-start,#template-compare-view .CodeMirror-merge-r-chunk-end {
    background:transparent;
    border-color:transparent;
}

#template-compare-view .jr-diff-change-text .CodeMirror-merge-r-inserted,#template-compare-view .jr-diff-change-text .CodeMirror-merge-r-deleted {
    background-color:var(--jr-diff-inline-delete);
}

#template-compare-view .jr-diff-add-text .CodeMirror-merge-r-inserted,#template-compare-view .jr-diff-add-text .CodeMirror-merge-r-deleted,
#template-compare-view .jr-diff-delete-text .CodeMirror-merge-r-inserted,#template-compare-view .jr-diff-delete-text .CodeMirror-merge-r-deleted {
    background-image:none;
}

#template-compare-view .CodeMirror-merge-r-connect {
    fill:var(--jr-diff-change-bg);
    stroke:var(--jr-diff-change-line);
}

#template-compare-view .CodeMirror-merge-gap {
    background:var(--jr-diff-canvas-bg);
}

#template-compare-view .CodeMirror-merge-copy {
    color:var(--jr-diff-add-active);
}

.fullscreen {
    display:block;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:9999;
    margin:0;
    padding:0;
    border:0;
    opacity:1;
}

.sortable li li {
    list-style:disc;
}

.item_sortable {
    margin:auto;
    padding:0;
    list-style:none outside none;
    -webkit-touch-callout:none;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
}

.item_sortable li {
    border:1px solid #BBB;
    list-style:none;
    cursor:move;
    padding:5px 12px 5px 12px;
    margin:5px;
    height:20px;
    font-size:14px;
    overflow:hidden;
}

li.sortable-placeholder {
    border:2px dashed #CCC;
    background:none;
    padding:5px 12px 5px 12px;
    margin:5px;
    height:18px;
}

#diff_result {
    font-family:Monaco,"Lucida Console",monospace;
    width:100%;
    font-size:11px;
    overflow:auto;
    margin:6px 0 18px 0;
}

#diff_table {
    width:100%;
    background-color:#EEE !important;
    border-collapse:collapse;
    border-spacing:1px;
    white-space:pre-line;
    border-width:1px;
    border-style:solid;
    border-color:#DDD;
}

#diff_table td {
    background:#FFF;
    padding:3px 5px;
    color:#000;
    border-bottom:1px solid #F6F6F6;
}

.diff_head {
    width:50%;
    text-align:center;
    font-weight:bold;
    font-size:12px;
    padding:6px;
}

.diff_foot {
    background-color:#EEE;
    text-align:center;
    padding:12px !important;
}

.diff_lno {
    width:3%;
    padding-right:6px !important;
    font-weight:bold;
    text-align:right;
}

.diff_none {
    background:#FFF;
}

.diff_chg {
    background:#FC0 !important;
}

.diff_new {
    background:#CF9 !important;
}

.diff_old {
    background:#CF9 !important;
}

.file_attachment_box {
    width:100%;
    display:block;
    margin-top:20px;
    font-size:13px;
    box-sizing:border-box;
}

.file_attachment {
    position:relative;
    margin-bottom:4px;
}

.file_attachment_image {
    display:inline;
}

.file_attachment_text {
    display:inline;
    margin-left:6px;
}

.fixed-width {
    font-family:monospace;
    white-space:pre-wrap;
    font-size:11px;
}

.widget-template-code {
    font-size:12px;
    padding:8px 20px 10px 20px;
}

.word-break {
    word-break:break-all;
}

.nocursor {
    cursor:unset !important;
}

/* @title Textarea Expand */
/* @help Controls the display of the small Expand arrow to the right of the textarea */
.form_textarea_expand {
    display:none;
    position:absolute;
    bottom:12px;
    margin-left:3px;
}

/* @title Birthday Field Month */
/* @help controls the MONTH selector in a Birthday form field */
.form_date_birthday_month {
    width:120px !important;
}

/* @title Birthday Field Day */
/* @help controls the DAY selector in a Birthday form field */
.form_date_birthday_day {
    width:60px !important;
}

/* @title Birthday Field Year */
/* @help controls the YEAR input field in a Birthday form field */
.form_date_birthday_year {
    width:60px !important;
    margin-left:9px;
    padding:4px 4px 3px 4px;
}

.form_daterange,.form_date,.form_date_time {
    min-width:286px;
}

.form_mobile_label {
    font-size:13px;
    text-transform:capitalize;
    margin-left:6px;
}

.sublabel {
    display:block;
}

.page-table-jumper-page {
    width:65px !important;
}

.page-table-jumper-perpage {
    width:65px !important;
}

.acp-default-img {
    padding:1px;
    margin:1px;
    border:1px solid #DDD;
}

.acp-custom-img {
    padding:1px;
    margin:1px;
    border:1px solid #DDD;
}

.module_icon {
    background-color:#F3F3F3;
    border:1px solid #DDD;
    display:block;
    border-radius:5px;
    padding:2px;
    margin:2px;
    box-shadow:inset 0 0 3px #DDD;
}

.module_icon img {
    margin:0 auto;
    vertical-align:middle;
    transform:scale(0.9);
}

#info_box .item strong {
    display:inline-block;
    width:100px;
    text-align:right;
    margin-right:8px;
    padding:2px 0;
    text-transform:capitalize;
}

.rejected_reason_delete {
    padding:0;
}

.nowrap {
    white-space:nowrap;
}

.no-text-transform {
    text-transform:none !important;
}

.form_icon_button {
    display:inline-block;
    vertical-align:middle;
    text-align:center;
    margin:0;
    padding:0;
    cursor:pointer;
}

.form_button_icon {
    font-weight:normal;
    font-style:normal;
    font-size:20px;
    letter-spacing:normal;
    text-transform:none;
    display:inline-block;
    white-space:nowrap;
    word-wrap:normal;
    direction:ltr;
    -webkit-font-feature-settings:'liga';
    -webkit-font-smoothing:antialiased;
}

.form_button_menu {
    position:relative;
    display:inline-block;
    vertical-align:middle;
    white-space:nowrap;
}

.form_button_menu_button {
    float:left;
}

.form_button_menu ul {
    position:absolute;
    display:none;
    top:35px;
    left:0;
    z-index:32;
    border:1px solid #D9D9D9;
    background-color:#FFF;
    margin:0;
    padding:0;
}

.form_button_submenu {
    margin:0;
    padding:5px 10px;
    font-size:16px;
    cursor:pointer;
    list-style:none;
}

.form_button_submenu:hover {
    background-color:#FC0;
}

.form_button_menu_ul li {
    list-style:none;
}

.sprite_icon_disabled {
    cursor:not-allowed !important;
    opacity:0.3;
}

.sprite_icon_disabled:hover {
    background:inherit !important;
}

.option_img {
    display:inline-block;
    vertical-align:middle;
    border-radius:50%;
    box-shadow:inset 0 0 2px #999;
}

.fail {
    background-color:#FF7400;
}

.select2 {
    margin:0 4px;
}

.select2-select-width {
    width:76.3% !important;
}

.select2-select-and-text-width {
    width:33% !important;
}

.select2-selection--single {
    background:#FFF url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0Ljk1IDEwIj48ZGVmcz48c3R5bGU+LmNscy0ye2ZpbGw6IzQ0NDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmFycm93czwvdGl0bGU+PHBvbHlnb24gY2xhc3M9ImNscy0yIiBwb2ludHM9IjEuNDEgNC42NyAyLjQ4IDMuMTggMy41NCA0LjY3IDEuNDEgNC42NyIvPjxwb2x5Z29uIGNsYXNzPSJjbHMtMiIgcG9pbnRzPSIzLjU0IDUuMzMgMi40OCA2LjgyIDEuNDEgNS4zMyAzLjU0IDUuMzMiLz48L3N2Zz4=) no-repeat 99.5% 50%;
    height:30px !important;
    border-color:#CCC !important;
    border-radius:2px !important;
}

.select2-selection__rendered {
    font-size:15px !important;
    color:#000 !important;
    padding-left:5px !important;
    line-height:30px !important;
}

.select2-selection__arrow {
    top:2px !important;
}

.select2-dropdown {
    border-color:#CCC !important;
    border-radius:2px !important;
}

.select2-selection__arrow b {
    display:none;
}

.core-log-iframe {
    box-sizing:border-box;
    border:0;
    width:100%;
    height:270px;
}

.form_date_repeat {
    width:100%;
}

.form_select_and_text_tag {
    display:inline-block;
    min-width:72px;
    text-align:right;
}

.form_select_narrow {
    width:120px !important;
}

.svg_icon {
    display:table;
    box-sizing:border-box;
}

.svg_icon_disabled svg {
    opacity:0.2;
}

input::placeholder,select::placeholder,textarea::placeholder {
    color:#CCC;
}

/* @title DataStore Count Box */
/* @help The DataStore Count box on a module Info tab */
#jr-ds-item-count {
    position:absolute;
    bottom:12px;
    right:12px;
    padding:10px;
    text-align:center;
    font-size:13px;
    color:#333;
}

/* @title DataStore Count Number */
/* @help The item count in the DataStore Count box */
#jr-ds-item-count span {
    font-weight:bold;
    color:#000;
}

.form_select_area_search {
    width:auto !important;
}

.page_tab {
    user-select:none;
}

/* @title Tab Bar Rows */
/* @help Without JavaScript the tabs of a tab bar that does not fit wrap onto more rows - jrCore.js then keeps them on one row and moves the tabs that do not fit into a "More" menu. The space between the tabs is the skin's own Page Tab margin */
ul.page_tab_bar.page_tab_bar_more {
    display:flex;
    flex-wrap:wrap;
    align-items:flex-end;
    row-gap:5px; 
    margin-bottom:0; /* the tabs sit on the line under the bar - skins without a margin for the bar got the browser's 1em */
}

ul.page_tab_bar.page_tab_bar_more > li.page_tab {
    float:none;
    flex:0 0 auto;
    white-space:nowrap;
}

ul.page_tab_bar > li.page_tab_more {
    position:relative;
}

ul.page_tab_bar > li.page_tab_more > a:after {
    content:"\25BE";
    margin-left:4px;
}

/* @title Tab Bar More Menu */
/* @help The menu with the tabs that do not fit on the tab bar - it takes its colours from the tabs unless set here */
ul.page_tab_more_menu {
    display:none;
    position:absolute;
    right:0;
    top:100%;
    z-index:1000;
    min-width:180px;
    margin:0;
    padding:4px 0;
    text-align:left;
    background-color:var(--jr-tab-more-bg,#FFF);
    border:1px solid rgba(0,0,0,0.15);
    border-radius:0 0 5px 5px; 
    box-shadow:0 4px 10px rgba(0,0,0,0.15); 
}

li.page_tab_more_open > ul.page_tab_more_menu {
    display:block;
}

ul.page_tab_more_menu > li {
    list-style:none;
    float:none;
    margin:0;
}

ul.page_tab_more_menu > li > a {
    display:block;
    padding:6px 12px;
    white-space:nowrap;
    text-decoration:none;
    text-transform:capitalize;
    color:var(--jr-tab-more-color,inherit);
    cursor:pointer;
}

ul.page_tab_more_menu > li > a:hover,
ul.page_tab_more_menu > li > a:focus {
    background-color:var(--jr-tab-more-hover,rgba(0,0,0,0.06));
    text-decoration:none;
}

/* @title Change Log Box */
/* @help The change log on the module and skin Info tab and in the change log pop ups (#jrcore-changelog) */
.jrcore-changelog {
    background:#F9F9F9;
    color:#333;
    font-family:ui-monospace,Menlo,Consolas,"Liberation Mono",monospace;
    font-size:11px;
    line-height:1.45;
    text-align:left;
    white-space:pre-wrap;
    max-height:600px;
    overflow:auto;
    padding:20px 24px;
    border-radius:5px;
}

/* @title Change Log Version */
/* @help The "Version x.y.z:" line in the change log */
.jrcore-changelog-version {
    color:#000;
    font-weight:bold;
}

/* @title Change Log Entry */
/* @help One change log line - also has jrcore-changelog-new,-change,-fix or -developer for its type */
.jrcore-changelog-entry {
    color:inherit;
}

/* @title Change Log Developer Link */
/* @help The "show developer changes" link in the change log */
.jrcore-changelog a.jrcore-changelog-dev-toggle {
    color:#333;
    cursor:pointer;
    text-decoration:underline;
}

/* Modal window - jrCore_modal_window() */
#jrcore-modal-window-overlay {
    background-color:#000;
}

#jrcore-modal-window-container {
    background-color:#FFF;
    color:#333;
    border-radius:6px;
    box-shadow:0 10px 40px rgba(0,0,0,0.5);
    overflow:hidden;
}

.jrcore-modal-window-title {
    height:40px;
    line-height:40px;
    padding:0 48px 0 16px;
    font-size:15px;
    font-weight:bold;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    border-bottom:1px solid rgba(128,128,128,0.3);
    box-sizing:border-box;
}

.jrcore-modal-window-frame {
    display:block;
    border:0;
    background-color:#FFF;
}

.jrcore-modal-window-close {
    position:absolute;
    top:0;
    right:0;
    width:40px;
    height:40px;
    line-height:38px;
    text-align:center;
    font-size:26px;
    color:#666;
    cursor:pointer;
    text-decoration:none;
}

.jrcore-modal-window-close:hover {
    color:#000;
}


/* modules/jrCore/css/jrCore_bbcode.css */


#bbcode_help_button {
    text-align:center;
    margin-top:-33px;
}

#bbcode_help_button input {
    float:right;
    position:relative;
    margin:0 6px 0 3px;
}

#bbcode_help {
    width:800px;
    height:600px;
}

/* Mobile */
@media handheld,only screen and (max-width:767px) {
    #bbcode_help {
        width:auto;
    }
}

.bbcode_help_section {
    width:75%;
    background:#FFF;
    border-radius:3px;
    margin-top:12px;
}

.bbcode_left {
    background:#F6F6F6;
    width:50%;
    text-align:right;
    padding:6px;
}

.bbcode_right {
    width:50%;
    padding:6px;
}

.bbcode_quote {
    width:100%;
    padding:12px;
    background-color:#EEE;
    font-size:14px;
    font-style:italic;
    box-sizing:border-box;
    word-break:break-all;
}

.bbcode_quote_user {
    font-size:16px;
    font-weight:bold;
}

.bbcode_spoiler {
    width:100%;
    margin:6px 0;
    box-sizing:border-box;
}

.bbcode_spoiler_title {
    display:block;
    width:100%;
    margin:0;
    padding:6px 10px;
    border:1px solid #DDD;
    border-radius:3px;
    background-color:#EEE;
    color:inherit;
    font-family:inherit;
    font-size:14px;
    font-weight:bold;
    text-align:left;
    cursor:pointer;
}

.bbcode_spoiler_title:before {
    content:"\25B8  ";
}

.bbcode_spoiler_open .bbcode_spoiler_title {
    border-radius:3px 3px 0 0;
}

.bbcode_spoiler_open .bbcode_spoiler_title:before {
    content:"\25BE  ";
}

.bbcode_spoiler_body {
    display:block;
    padding:10px 12px;
    border:1px solid #DDD;
    border-top:0;
    border-radius:0 0 3px 3px;
    background-color:#F6F6F6;
    word-break:break-word;
}

.bbcode_code {
    background-color:#EEE;
    width:100%;
}

/* @title BBCode [pre] - preformatted text */
/* @help The box around [pre] text - the text is shown exactly as entered (spaces and line breaks kept),not highlighted */
.bbcode_pre {
    width:100%;
}

/* @title BBCode [pre] text */
/* @help Long lines scroll sideways - use white-space:pre-wrap here to wrap them instead */
.bbcode_pre pre {
    display:block;
    margin:6px 0;
    padding:10px;
    overflow:auto;
    white-space:pre;
    font-family:Monaco,"Courier New",Courier,monospace;
    font-size:12px;
    line-height:1.4;
    color:#000;
    background-color:#F6F6F6;
    border:1px solid #DDD;
    border-radius:3px;
    -webkit-text-size-adjust:none;
}

/* BBCode [md] - Markdown */

.bbcode_md {
    word-break:break-word;
}

.bbcode_md p,
.bbcode_md ul,
.bbcode_md ol,
.bbcode_md table,
.bbcode_md blockquote {
    margin:0 0 8px 0;
}

.bbcode_md h1,
.bbcode_md h2,
.bbcode_md h3,
.bbcode_md h4,
.bbcode_md h5,
.bbcode_md h6 {
    margin:12px 0 8px 0;
    line-height:1.25;
}

.bbcode_md h1 {
    font-size:1.6em;
}

.bbcode_md h2 {
    font-size:1.4em;
}

.bbcode_md h3 {
    font-size:1.2em;
}

.bbcode_md h4,
.bbcode_md h5,
.bbcode_md h6 {
    font-size:1em;
}

.bbcode_md ul,
.bbcode_md ol {
    padding-left:24px;
}

.bbcode_md ul {
    list-style:disc;
}

.bbcode_md ol {
    list-style:decimal;
}

/* list items follow their own list - beats ".sortable li li" (jrCore.css) when a [md] block sits inside a sortable list,as in jrDocs */
div.bbcode_md ol li,
div.bbcode_md ul li {
    list-style:inherit;
}

.bbcode_md blockquote {
    padding:4px 12px;
    border-left:4px solid #DDD;
    color:#555;
}

.bbcode_md code {
    padding:1px 4px;
    border-radius:3px;
    background-color:#EEE;
    font-family:Monaco,"Courier New",Courier,monospace;
    font-size:0.9em;
}

.bbcode_md pre code {
    padding:0;
    background-color:transparent;
}

.bbcode_md table {
    border-collapse:collapse;
}

.bbcode_md th,
.bbcode_md td {
    padding:4px 8px;
    border:1px solid #DDD;
}

.bbcode_md th {
    background-color:#F6F6F6;
}

.bbcode_md hr {
    border:0;
    border-top:1px solid #DDD;
    margin:12px 0;
}

.bbcode_md img {
    max-width:100%;
}

/* BBCode code syntax Highlighting */

.hljs {
    max-height:400px;
    font-family:Monaco,"Courier New",Courier,monospace;
    display:block;
    overflow:auto;
    padding:10px;
    color:black;
    -webkit-text-size-adjust:none;
    font-size:11px;
    margin:6px 0;
    border-radius:3px;
    white-space:pre-wrap;
    word-break:break-all;
}

.hljs-comment {
    color:#006A00;
}

.hljs-keyword,
.hljs-literal,
.nginx .hljs-title {
    color:#AA0D91;
}

.method,
.hljs-list .hljs-title,
.hljs-tag .hljs-title,
.setting .hljs-value,
.hljs-winutils,
.tex .hljs-command,
.http .hljs-title,
.hljs-request,
.hljs-status,
.hljs-name {
    color:#008;
}

.hljs-envvar,
.tex .hljs-special {
    color:#660;
}

.hljs-string {
    color:#C41A16;
}

.hljs-tag .hljs-value,
.hljs-cdata,
.hljs-filter .hljs-argument,
.hljs-attr_selector,
.apache .hljs-cbracket,
.hljs-date,
.hljs-regexp {
    color:#080;
}

.hljs-sub .hljs-identifier,
.hljs-pi,
.hljs-tag,
.hljs-tag .hljs-keyword,
.hljs-decorator,
.ini .hljs-title,
.hljs-shebang,
.hljs-prompt,
.hljs-hexcolor,
.hljs-rule .hljs-value,
.hljs-symbol,
.hljs-symbol .hljs-string,
.hljs-number,
.css .hljs-function,
.hljs-function .hljs-title,
.coffeescript .hljs-attribute {
    color:#1C00CF;
}

.hljs-class .hljs-title,
.smalltalk .hljs-class,
.hljs-type,
.hljs-typename,
.hljs-tag .hljs-attribute,
.hljs-doctype,
.hljs-class .hljs-id,
.hljs-built_in,
.setting,
.hljs-params,
.clojure .hljs-attribute {
    color:#5C2699;
}

.hljs-variable {
    color:#3F6E74;
}

.css .hljs-tag,
.hljs-rule .hljs-property,
.hljs-pseudo,
.hljs-subst {
    color:#000;
}

.css .hljs-class,
.css .hljs-id {
    color:#9B703F;
}

.hljs-value .hljs-important {
    color:#F70;
    font-weight:bold;
}

.hljs-rule .hljs-keyword {
    color:#C5AF75;
}

.hljs-annotation,
.apache .hljs-sqbracket,
.nginx .hljs-built_in {
    color:#9B859D;
}

.hljs-preprocessor,
.hljs-preprocessor *,
.hljs-pragma {
    color:#643820;
}

.tex .hljs-formula {
    background-color:#EEE;
    font-style:italic;
}

.diff .hljs-header,
.hljs-chunk {
    color:#808080;
    font-weight:bold;
}

.diff .hljs-change {
    background-color:#BCCFF9;
}

.hljs-addition {
    background-color:#BAEEBA;
}

.hljs-deletion {
    background-color:#FFC8BD;
}

.hljs-comment .hljs-doctag {
    font-weight:bold;
}

.method .hljs-id {
    color:#000;
}

/* modules/jrCore/css/jrCore_tinymce.css */


/* @title TinyMCE Editor Body */
/* @help Controls the height of the TinyMCE editor */
#form-editor-body {
    height:100%;
}

/* Fullscreen editor,and the editor's menus and dialogs,above fixed site bars (jrAdminMenu is z-index 99999) */
.tox.tox-fullscreen,
.tox.tox-hugerte.tox-fullscreen {
    z-index:100000 !important;
}

.tox.tox-hugerte-aux {
    z-index:100001 !important;
}


/* modules/jrCore/css/jrCore_dashboard.css */


.bigtable {
    background:#FFF !important;
}

.bigtable th {
    position:relative;
}

/* @title Dashboard Panel Box */
/* @help When viewing the dashboard this controls the box the numbers appear in */
.bignum {
    background:#333;
    text-align:center;
    font-size:42px !important;
    line-height:42px;
    padding:12px !important;
    height:64px;
    -moz-box-shadow:inset 0 0 8px #000;
    -webkit-box-shadow:inset 0 0 8px #000;
    box-shadow:inset 0 0 8px #000;
    cursor:pointer;
}

/* @title Panel Color 1 */
/* @help Controls the font color for the first column in the dashboard */
.bignum1,.bignum1 a {
    color:#FC0 !important;
}

/* @title Panel Color 2 */
/* @help Controls the font color for the second column in the dashboard */
.bignum2,.bignum2 a {
    color:#F93 !important;
}

/* @title Panel Color 3 */
/* @help Controls the font color for the third column in the dashboard */
.bignum3,.bignum3 a {
    color:#6C6 !important;
}

/* @title Panel Color 4 */
/* @help Controls the font color for the fourth column in the dashboard */
.bignum4,.bignum4 a {
    color:#09F !important;
}

/* @title Panel Color 5 */
/* @help Controls the font color for the fifth column in the dashboard */
.bignum5,.bignum5 a {
    color:#3CC !important;
}

.bignum span {
    display:block;
    font-size:11px !important;
    line-height:13px;
    padding:0;
    margin:8px 0 0 0;
}

.bignum_stat_cell {
    position:relative;
}

.bignum_stat {
    position:absolute;
    top:0;
    right:0;
}

.bigsystem {
    text-align:left;
}

.bigsystem-inf {
    color:#FFF !important;
}

.bigsystem-min {
    background-color:#FC0 !important;
    color:#000 !important;
}

.bigsystem-maj {
    background-color:#F90 !important;
    color:#000 !important;
}

.bigsystem-cri {
    background-color:#F60 !important;
    color:#000 !important;
}

.page_table_fullscreen {
    height:100vh;
    width:100vw;
}

.page_table_fullscreen .bignum span {
    margin-top:30px;
    font-size:15px !important;
}

.page_table_fullscreen .page_table_header {
    height:4vh;
    font-size:24px;
}

.page_table_fullscreen .bignum_stat a {
    display:none;
}

.bigtable_r1.page_table_fullscreen .bignum {
    height:92vh;
    font-size:112px !important;
}

.bigtable_r2.page_table_fullscreen .bignum {
    height:42vh;
    font-size:96px !important;
}

.bigtable_r3.page_table_fullscreen .bignum {
    height:24vh;
    font-size:82px !important;
}

.bigtable_r4.page_table_fullscreen .bignum {
    height:17vh;
    font-size:72px !important;
}

.bigtable_r5.page_table_fullscreen .bignum {
    height:12vh;
    font-size:56px !important;
}


/* modules/jrCore/css/jrCore_mobile_override.css */


@media handheld,only screen and (max-width:767px) {

    .bignum {
        font-size:28px !important;
    }

    .page_table_mobile_container {
        box-sizing:border-box;
        max-width:100vw;
    }

    .page_table_cell_mobile_left {
        width:20%;
        text-align:right !important;
    }

    .page_table_cell_mobile_left input {
        display:none;
    }

    .page_table_cell_mobile_right {
        width:80%;
        text-align:left !important;
    }

    .page_table_cell_mobile_right input[type="button"] {
        box-sizing:border-box;
        width:98%;
    }

    .page_banner_right input,.page_banner_right select {
        float:right;
        clear:both;
        margin:10px;
    }

    .form_daterange,.form_date,.form_date_time {
        min-width:unset;
    }

    .form_editor_holder {
        overflow:unset !important;
    }

    .lb-nav a.lb-next,.lb-nav a.lb-prev {
        opacity:1 !important;
    }

}

/* modules/jrEmbed/css/jrEmbed.css */


.mce-floatpanel {
    z-index:500000 !important;
}

/* modules/jrFollower/css/jrFollower.css */


.follow_button {
    color:#484848;
    text-decoration:none;
    text-transform:capitalize;
    font-weight:bold;
    font-size:14px;
    height:32px;
    padding:0 12px;
    margin:0 2px;
    border-radius:5px;
    vertical-align:middle;
    border:solid 1px #7F7F7F;
}

.follow {
    cursor:pointer;
    background:#FD0;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ddffaa',endColorstr='#bbee88'); /* for IE */
    background:-webkit-gradient(linear,left top,left bottom,from(#DFA),to(#BE8)); /* for webkit browsers */
    background:-moz-linear-gradient(top,#DFA,#BE8); /* for firefox 3.6+ */
}

.following {
    cursor:pointer;
    background:#CF9;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ddffaa',endColorstr='#bbee88'); /* for IE */
    background:-webkit-gradient(linear,left top,left bottom,from(#DFA),to(#BE8)); /* for webkit browsers */
    background:-moz-linear-gradient(top,#DFA,#BE8); /* for firefox 3.6+ */
}

.follow_pending {
    background:#ADF;
    color:#000;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bbeeff',endColorstr='#99ccee'); /* for IE */
    background:-webkit-gradient(linear,left top,left bottom,from(#BEF),to(#9CE)); /* for webkit browsers */
    background:-moz-linear-gradient(top,#BEF,#9CE); /* for firefox 3.6+ */
}

#follow_indicator {
    display:none;
}

.follower_action {
    position:absolute;
    bottom:28px;
    left:10px;
}

.follower_status {
    position:absolute;
    bottom:28px;
    right:10px;
}


/* modules/jrForum/css/jrForum.css */


#forum_success {
    background-color:#CF9;
    color:#000;
    padding:6px;
    padding-left:12px;
    border-radius:5px;
    border:1px solid #CCC;
    margin:12px;
}

#forum_notice {
    background-color:#FC0;
    color:#000;
    padding:6px;
    padding-left:12px;
    border-radius:5px;
    border:1px solid #CCC;
    margin-bottom:6px;
}

.forum_post_image {
    display:table-cell;
    width:10%;
    padding:6px;
    vertical-align:top;
    text-align:center;
    word-wrap:break-word;
}

.forum_post_text {
    display:table-cell;
    width:90%;
    padding:6px 12px;
    vertical-align:top;
    overflow:auto;
}

.forum_post_count {
    background:#FFF;
    text-align:right;
    float:right;
    font-size:14px;
    border-radius:4px;
    padding:6px 6px 6px 9px;
    margin-right:6px;
}

.forum_post_count_new {
    background-color:#FFF2BF;
    border-color:#FC0;
}

.forum_post_pinned {
    border-style:dotted;
    border-width:2px;
}

.forum_new_post_form {
    font-size:16px;
}

.forum_actions {
    position:absolute;
    top:12px;
    right:12px;
    display:none;
}

.forum_locked {
    margin:12px 0;
    background-color:#FC0;
    border:1px solid #CCC;
    border-radius:4px;
    padding:12px
}

.forum_post_attachment {
    margin:20px 0;
    background-color:#CF9;
    border:1px solid #CCC;
    border-radius:4px;
    padding:6px
}

.forum_follow_box {
    position:inherit;
    width:300px;
    text-align:center;
    background-color:#EEE;
    border:1px solid #999;
    border-radius:5px;
    padding:12px;
    z-index:100;
    overflow:visible;
    box-shadow:0 0 3px #000;
}

.forum_signature {
    display:inline-block;
    color:#999;
    margin-bottom:6px;
}

.forum_signature a {
    color:#999;
}

.forum_signature .bbcode_url {
    color:#999 !important;
}

#forum_solution_box {
    position:inherit;
    width:340px;
    text-align:left;
    background-color:#EEE;
    border:1px solid #999;
    border-radius:5px;
    padding:12px;
    display:none;
    z-index:100;
    overflow:visible;
    box-shadow:3px 3px 3px 3px #CCC;
}

.section_solution {
    background-color:#FFF;
    width:300px;
    border-radius:5px;
    display:inline-block;
    padding:2px 6px;
    margin:2px 0;
    font-size:18px;
    line-height:18px;
    font-weight:bold;
    cursor:pointer;
}

.section_solution_detail {
    border-radius:5px;
    padding:0 6px;
    margin-bottom:6px;
}

.section_solution_list {
    border-radius:3px;
    display:inline-block;
    padding:2px 6px;
    font-size:12px;
    line-height:12px;
}

.forum_upload_button {
    position:absolute;
    right:100px;
    top:0;
    padding:6px 0 0 0;
    line-height:27px;
}

.forum_upload_button input {
    font-size:16px !important;
}

.jrforum_upload_attachment {
    margin-top:-32px;
    text-align:right;
    width:94%;
}

.jrforum_upload_attachment li.qq-upload-success {
    text-align:left;
}

.jrforum_upload_attachment .qq-uploader {
    float:right;
}

.small_follow_container span {
    margin-top:-3px;
}


/* modules/jrGallery/css/jrGallery.css */


/* Jamroom Gallery Module CSS */
.jr_gallery_row a {
    text-decoration:none;
}

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

.img-profile {
    position:relative;
}

.gallery_actions {
    position:absolute;
    top:10px;
    right:12px;
    display:none;
}

.gallery_img {
    width:100%;
    margin:0;
    padding:0;
}

.gallery_rating {
    max-width:80px;
    padding-top:4px;
    margin:0 auto;
}

.gallery_lightbox {
    float:left;
    padding-top:12px;
}

.gallery_lightbox a {
    text-decoration:none;
}

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

.gallery_view_all {
    float:right;
    padding-top:12px;
}

.gallery_view_all a {
    text-decoration:none;
}

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

#gallery_slider_box {
    padding:12px 0 0 16px;
}

#gallery_slider {
}

.gallery_slider_prev {
    float:left;
    margin-right:8px;
    padding-top:14px;
}

.gallery_slider_next {
    float:left;
    margin-left:4px;
    padding-top:14px;
}

.gallery_slider_img {
    float:left;
    margin-right:4px;
}

.gallery_slider_img img {
    border:1px solid #DDD;
}

.gallery_slider_img img:hover {
    border:1px solid #FC0 !important;
}

.jrgallery_update_div {
    display:inline-block;
    vertical-align:top;
    padding:12px;
    margin:6px 12px 6px 3px;
    border:1px solid #EEE;
    text-align:center;
}

.jrgallery_update_div:hover {
    background-color:#EEE;
}

.jrgallery_update_image {
    margin:1px 1px 6px 1px;
}

.jrgallery_update_button {
    font-size:10px;
    width:60px;
    margin:2px;
}

.jrgallery_update_button:hover {
    cursor:pointer;
}

@media handheld,only screen and (max-width:767px) {
    .jr_gallery_row {
        width:90%;
    }
}

.jrgallery_image_grid {
    float:left;
    display:inline-block;
    text-align:center;
    width:24%;
    margin:6px 0;
}

#gallery-edit-image {
    max-width:300px;
}

#gallery-save-image {
    display:none;
    width:75%;
    padding:12px;
    margin-bottom:12px;
    color:#000;
    border-radius:3px;
}

.gallery_image_info {
    text-align:left;
    font-size:0.8em;
}

.gallery_search_found {
    background-color:#FD0;
}

.gallery_no_title {
    opacity:0.5;
}

.gallery_filename {
    opacity:0.8;
}

#gallery_title_modal {
    width:440px;
    box-sizing:border-box;
    position:relative;
}

#gallery_title_modal input[type="text"] {
    width:300px;
}

.gallery_update_title,
.gallery_filename {
    display:inline-block;
    max-width:120px;
    overflow:hidden;
    white-space:nowrap;
}

.jrgallery_scroll_box {
    max-height:500px;
    overflow:scroll
}

.gallery_pending_image {
    float:left;
    margin-right:6px;
    vertical-align:middle;
}

/* Gallery list:image strip with a "+X more images" overlay on the last image */
.jrgallery_strip {
    display:grid;
    grid-template-columns:repeat(6,1fr);
    gap:6px;
}

.jrgallery_strip_item {
    position:relative;
    min-width:0;
}

.jrgallery_strip_item img {
    display:block;
    width:100%;
    height:auto;
    box-sizing:border-box;
}

.jrgallery_more {
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:4px;
    background:rgba(0,0,0,0.55);
    color:#FFF !important;
    font-weight:bold;
    text-align:center;
    text-decoration:none !important;
}

.jrgallery_more:hover {
    background:rgba(0,0,0,0.7);
}

.jrgallery_more_narrow {
    display:none;
}

@media handheld,only screen and (max-width:767px) {
    .jrgallery_strip {
        grid-template-columns:repeat(2,1fr);
    }
    .jrgallery_strip_wide,
    .jrgallery_more_wide {
        display:none;
    }
    .jrgallery_more_narrow {
        display:flex;
    }
}


/* modules/jrGeo/css/jrGeo.css */


/* Jamroom Geo Location Module CSS */

/* @title Modal Search Update */
/* @help Shows to the user when the search conditions are being updated */
#geo-zip-modal {
    background:#FFF;
    color:#000;
    width:250px;
    height:auto;
    padding:20px;
    border-radius:5px;
    text-align:center;
}

/* @title ZIP Code field */
/* @help This is the ZIP code field on the ZIP code search results page */
#zip-code-input {
    width:30%;
}

/* @title ZIP Radius field */
/* @help This is the ZIP code radius field on the ZIP code search results page */
#zip-code-radius {
    width:25%;
}


/* modules/jrGraph/css/jrGraph.css */


.graph-legend {
    margin:-20px 20px 20px 52px;
}

.graph-legend .legendColorBox {
    width:1%;
}

.graph-legend .legendColorBox > div {
    border-width:0 !important;
    padding:0;
}

.graph-legend .legendLabel {
    width:99%;
    text-align:left;
    padding-left:8px;
}

#graph-modal-container .page_content {
    padding:10px;
}

#graph-modal-container .form_submit_section {
    border-bottom:0 !important;
}

.graph-xyval {
    display:inline-block;
    margin-right:6px;
}

.graph-no-data {
    color:#999;
    font-size:14px;
    font-style:italic;
}

.graph-selector {
    display:inline-block;
    width:100px !important;
}

/* modules/jrImage/css/jrImage.css */


.image_delete {
    position:absolute;
    top:3px;
    right:3px;
}

.image_delete_mobile_label {
    font-size:13px;
    text-transform:capitalize;
    margin-left:5px;
}

.image_delete a {
    text-decoration:none;
}

.image_update_display {
    display:inline-block;
    position:relative;
    margin:3px 0;
}

.form_image_right_container {
    display:block;
}

/* modules/jrLike/css/jrLike.css */


.like_button_box {
    display:inline;
}

.like_button_img {
    vertical-align:middle;
}

.like_count {
    display:inline;
    margin-left:3px;
    font-size:12px;
}

.dislike_button_box {
    display:inline;
}

.dislike_button_img {
    vertical-align:middle;
}

.dislike_count {
    display:inline;
    margin-left:3px;
    font-size:12px;
}

.likers_box {
    position:relative;
    display:none;
    width:558px !important;
    height:320px !important;
    padding-top:0;
    margin:0;
    z-index:10000;
}

.liker_list {
    font-size:12px;
}


/* modules/jrMailer/css/jrMailer.css */


#cp-display-area {
    overflow-x:hidden;
    overflow-y:scroll;
}

/* modules/jrMarket/css/jrMarket.css */


.market_status_section {
    height:18px;
    display:inline-block;
    vertical-align:middle;
    background:#EEE;
    border-radius:3px;
    margin:6px 0 0 0;
    text-align:center;
    color:#000;
}

.market_status_section_stable {
    background:#CF9;
}

.market_status_section_beta {
    background:#FD0;
}

.market_status_section_text {
    text-transform:uppercase;
    position:relative;
    left:2px;
    padding:0 16px;
    color:#000;
    font-size:12px;
}

.changelog {
    width:100%;
    font-size:12px;
    white-space:pre-wrap;
    word-wrap:break-word;
}

.market_jumper {
    width:250px !important;
}

.market-description {
    font-size:12px;
}

.market-version {
    height:14px !important;
    padding:2px 5px 0 5px;
    font-size:10px;
    margin-bottom:6px;
    white-space:nowrap;
}

.market-requires {
    font-size:11px;
}

.changelog_div {
    background-color:#FFF;
    font-family:monospace;
    white-space:pre-wrap
}


/* modules/jrNewsLetter/css/jrNewsLetter.css */


#jrnewsletter-recipients {
    width:73.3%;
    margin-left:4px;
    padding:5px 10px;
    border-radius:3px;
}

#jrnewsletter-recipients #r_count {
    display:inline-block;
    margin:6px 0 0 5px;
    font-size:18px;
    vertical-align:middle;
}

#jrnewsletter-recipients #r_indicator_holder {
    display:inline-block;
    vertical-align:middle;
    margin-top:6px;
}

#jrnewsletter-recipients input {
    float:right;
    vertical-align:middle;
}

#jrnewsletter-filter-recipients {
    width:450px;
    height:500px;
    overflow:auto;
    padding:10px;
}

#filter_view {
    display:none;
}


/* modules/jrOneAll/css/jrOneAll.css */


/* @title Timeline Networks Box */
/* @help Box that holds the Share with Networks entries in Timeline form */
#oneall_timeline_networks {
    display:inline-block;
    width:100%;
    text-align:right;
    padding:0 12px 12px 0;
    font-size:13px;
    box-sizing:border-box;
    text-transform:capitalize;
}

/* @title Timeline Networks Images */
/* @help Images in Share with Networks box */
#oneall_timeline_networks img {
    vertical-align:middle;
    margin:0 3px;
}

/* modules/jrPage/css/jrPage.css */


/* Jamroom Page Module CSS */

/* @title Page Body */
/* @help Defines the font size for the main page body content */
.jrpage_body {
    font-size:16px;
}

.jrpage_body p {
    padding:3px 12px;
}

.page_actions {
    position:absolute;
    top:12px;
    right:12px;
    display:none;
}


/* modules/jrPayPal/css/jrPayPal.css */


/* @title Buy Now Box */
/* @help The price and buy now icon box */
.paypal_buy_now_section {
    display:inline-block;
    background-color:#EEE;
    padding:1px;
}

.paypal_buy_now_section a:hover {
    text-decoration:none !important;
}

/* @title Buy Now Price */
/* @help The price section in the Buy Now Box */
.paypal_buy_now_price {
    position:relative;
    top:2px;
    left:2px;
    padding:0 2px 0 10px;
    padding-top:4px;
    color:#000;
    font-size:1.2em;
}


/* modules/jrPlaylist/css/jrPlaylist.css */


/* Jamroom Playlist Module CSS */

.playlist_box {
    position:inherit;
    width:400px;
    text-align:left;
    background-color:#EEE;
    border:1px solid #999;
    border-radius:5px;
    padding:12px;
    display:none;
    z-index:10000;
    overflow:visible;
    box-shadow:3px 3px 3px 3px #CCC;
}

#playlist_message {
    padding-left:5px;
    font-size:12px;
    margin-bottom:6px;
}

.playlist_name {
    padding:5px;
}

.playlist_name a {
    text-decoration:underline;
}

.playlist_count {
    white-space:nowrap;
    font-size:10px;
    padding:0 10px;
    text-align:center;
}

.playlist_add {
    padding:0 0 5px 0;
}

.playlist_button {
    width:70px;
    margin:0 2px 5px 0;
}

.playlist_success {
    border-radius:5px;
    background-color:#CF9;
    color:#000;
}

.playlist_error {
    border-radius:5px;
    background-color:#FD0;
    color:#000;
}

#playlist_close,
#playlist_prev,
#playlist_next {
    cursor:pointer;
}

@media handheld,only screen and (max-width:767px) {
    .playlist_box {
        position:absolute;
        width:80%;
        right:0;
    }

    .playlist_button {
        width:50px;
    }

    .playlist_name {
        font-size:12px;
    }
}



/* modules/jrPoll/css/jquery.countdown.css */


/* Poll countdown - the same classes as the jQuery Countdown 2.0.0 styles this replaced (skins style these too) */
.is-countdown {
}

.countdown-rtl {
    direction:rtl;
}

.countdown-holding span {
    color:#888;
}

.countdown-row {
    clear:both;
    width:100%;
    padding:0 2px;
    text-align:center;
}

.countdown-show1 .countdown-section {
    width:98%;
}

.countdown-show2 .countdown-section {
    width:48%;
}

.countdown-show3 .countdown-section {
    width:32.5%;
}

.countdown-show4 .countdown-section {
    width:24.5%;
}

.countdown-show5 .countdown-section {
    width:19.5%;
}

.countdown-show6 .countdown-section {
    width:16.25%;
}

.countdown-show7 .countdown-section {
    width:14%;
}

.countdown-section {
    margin-top:6px;
    display:block;
    float:left;
    font-size:75%;
    font-weight:normal;
    text-align:center;
}

.countdown-amount {
    font-size:100%;
}

.countdown-period {
    display:block;
}

.countdown-descr {
    display:block;
    width:100%;
}


/* modules/jrPoll/css/jrPoll.css */


#poll_error {
    display:none;
    background-color:#FC0 !important;
    padding:6px 12px;
    margin-top:6px;
    border-radius:3px;
    font-size:14px;
}

.poll_countdown {
    float:left;
    min-width:250px;
    text-align:center;
    padding:10px 20px 20px 0;
}

.poll_option_update {
    display:inline-block;
    width:99%;
    text-align:center;
    font-weight:bold;
}

.poll_status {
    float:right;
    position:relative;
    cursor:pointer;
}

.poll_open {
    display:inline-block;
    text-align:center;
    padding:8px 12px;
    margin:0;
    border-radius:3px;
    font-size:14px;
    font-weight:bold;
}

.poll_pending {
    display:inline-block;
    text-align:center;
    padding:8px 12px;
    margin:0;
    border-radius:3px;
    font-size:14px;
    font-weight:bold;
}

.poll_closed {
    display:inline-block;
    text-align:center;
    padding:8px 12px;
    margin:0;
    border-radius:3px;
    font-size:14px;
    font-weight:bold;
}

.poll_voted {
    display:inline-block;
    padding:8px 12px;
    margin:0;
    border-radius:3px;
    font-size:14px;
    color:#000;
}

.poll_winner {
    background-color:#CF9 !important;
}

.poll_vote_count {
    font-weight:bold;
    font-size:14px;
}


/* modules/jrPrivateNote/css/jrPrivateNote.css */


/* @title Note Detail Text */
/* @help Controls the individual note reply sections when viewing a Private Note */
.note_text {
    font-size:13px;
    padding:16px;
    border-top-width:1px;
    border-top-style:solid;
    border-top-color:#EEE;
}


/* modules/jrProfile/css/jrProfile.css */


/* @title Your Profiles Grid */
/* @help Controls the Your Profiles page from the User Menu */
.profile_grid {
    text-align:center;
}

.profile_grid .item {
    display:inline-block;
}

.profile_grid img {
    width:185px;
    height:185px;
}

/* modules/jrRating/css/jrRating.css */


/* Large Rating */
.star-rating,
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus,
.star-rating .current-rating {
    background:url('https://silveralternatives.com/image/img/module/jrRating/rating_back_16.png') left 0 repeat-x;
}

@media screen and (-webkit-min-device-pixel-ratio:2),screen and (-o-min-device-pixel-ratio:3/2),screen and (min--moz-device-pixel-ratio:2),screen and (min-device-pixel-ratio:2) {
    .star-rating,
    .star-rating a:hover,
    .star-rating a:active,
    .star-rating a:focus,
    .star-rating .current-rating {
        background:url('https://silveralternatives.com/image/img/module/jrRating/rating_back_32.png') left 0 repeat-x;
        background-size:16px 48px;
    }
}

.star-rating {
    position:relative;
    width:80px;
    height:16px;
    overflow:hidden;
    list-style:none;
    margin:0;
    padding:0;
    background-position:left top;
}

.star-rating li {
    display:inline;
}

.star-rating a,
.star-rating .current-rating {
    position:absolute;
    top:0;
    left:0;
    height:16px;
    line-height:16px;
    outline:none;
    overflow:hidden;
    border:none;
}

.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus {
    background-position:left bottom;
}

.star-rating a.star1-rating {
    width:20%;
    z-index:6;
}

.star-rating a.star2-rating {
    width:40%;
    z-index:5;
}

.star-rating a.star3-rating {
    width:60%;
    z-index:4;
}

.star-rating a.star4-rating {
    width:80%;
    z-index:3;
}

.star-rating a.star5-rating {
    width:100%;
    z-index:2;
}

.star-rating .current-rating {
    z-index:1;
    background-position:left center;
}



/* modules/jrSearch/css/jrSearch.css */


/* @title Search Text Block */
/* @help Controls the block holding the search field on module index */
.block_search {
    float:right;
    white-space:nowrap;
    text-align:right;
    width:50%;
}

/* @title Search Text Input */
/* @help Format for Text Input search element on module indexes */
.form_text_search {
    width:50%;
}

.jrsearch_reorder_item {
    text-transform:capitalize;
}

#ff-row-display_order .form_button {
    margin-top:4px;
}

/* modules/jrShare/css/jrShare.css */


/* Jamroom Share Buttons */
.jrshare {
    display:flex;
    flex-wrap:wrap;
    gap:6px;
    margin:10px;
}

.jrshare_button {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:6px;
    min-width:36px;
    height:36px;
    padding:0 9px;
    border:0;
    border-radius:18px;
    background:#555;
    color:#FFF !important;
    font-size:14px;
    line-height:1;
    text-decoration:none !important;
    cursor:pointer;
    box-sizing:border-box;
    transition:opacity .15s;
}

.jrshare_button:hover,.jrshare_button:focus {
    opacity:.85;
}

.jrshare_button svg {
    width:18px;
    height:18px;
    fill:currentColor;
}

.jrshare_x,.jrshare_threads {
    background:#000;
}

.jrshare_facebook {
    background:#0866FF;
}

.jrshare_bluesky {
    background:#1185FE;
}

.jrshare_mastodon {
    background:#6364FF;
}

.jrshare_linkedin {
    background:#0A66C2;
}

.jrshare_reddit {
    background:#FF4500;
}

.jrshare_whatsapp {
    background:#25D366;
}

.jrshare_telegram {
    background:#26A5E4;
}

.jrshare_pinterest {
    background:#BD081C;
}

.jrshare_native,.jrshare_email,.jrshare_copy {
    background:#555;
}

.jrshare_copied {
    background:#2E7D32 !important;
}


/* modules/jrSmiley/css/jrSmiley.css */


#jrchat_smiley_drawer {
    height:auto;
    position:fixed;
    z-index:99;
    color:#000;
    background:#FFF;
    display:flex;
    justify-content:center;
    border-radius:5px 5px 0 0;
    right:10px;
    overflow:auto;
    margin:0 auto;
    padding-bottom:8px;
    box-shadow:inset 0 -7px 9px -7px rgba(0,0,0,0.4);
}

#jrsmiley-container {
    width:100%;
    padding:10px;
}

#jrsmiley-image-box {
    padding:10px;
    text-align:center;
}

#jrchat_smiley_button {
    position:absolute;
    right:40px;
}

#jrsmiley-category-box {
    width:100%;
    margin-top:10px;
}

.jrsmiley-categories {
    margin:0 auto;
}

.jrsmiley-categories ul {
    margin:0 auto;
    padding:0;
}

.jrsmiley-category {
    background:#EEE;
    color:#000;
    text-transform:capitalize;
    display:block;
    float:left;
    padding:3px;
    border-radius:3px;
    font-size:13px;
    width:48%;
    margin:3px;
    text-align:center;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    cursor:pointer;
}

.jrsmiley-category a {
    color:#000;
}

.jrsmiley-category a:hover {
    color:#000;
}

.smiley_set_bar li.active,
.smiley_set_bar li a:hover {
    color:#FFF;
    background:transparent url("https://silveralternatives.com/modules/jrSmiley/img/over.jpg") no-repeat top right;
}

.smiley_icon {
    display:none;
}

.jrsmiley_set_icon img {
    margin:0 1px 3px 1px;
}

.jrsmiley_category {
    background:#999;
}

.jrsmiley-sets img {
    margin:0 3px 4px 0;
}



/* modules/jrSupport/css/jrSupport.css */


.jrsupport-entry {
    padding:10px;
    display:table-cell
}

.jrsupport-entry a:hover {
    text-decoration:none !important;
}

.form_button_support {
    width:150px;
}


/* modules/jrTags/css/jrTags.css */


.tag_name_box {
    float:left;
    width:unset;
    background-color:#FFF;
    border-width:1px;
    border-color:#999;
    border-style:solid;
    border-radius:5px;
    padding:3px 6px 6px 6px;
    margin:6px 6px 0 0;
    font-size:12px;
    text-transform:uppercase;
}

.tag_name_box a {
    text-decoration:none;
}

.tag_name_box:hover {
    background-color:#EEE;
}

#tag_holder {
    position:relative;
    margin:0 auto;
    text-align:center;
}

#tag_form_box {
    padding:12px 0 0 3px;
}

#tag_text {
    margin:0;
    width:200px;
}

#tag_submit {
    margin-top:0;
}

#tag_cloud {
    background-color:#DDD;
    color:#000;
    border-radius:5px 5px 0 0; 
}

#tag_cloud:hover {
    background-color:#444;
    color:#FFF;
}

#tag_cloud_button a {
    text-decoration:none;
}

#profile_tag_cloud {
    display:inline-block;
}

.tag_name_box_small {
    float:left;
    background-color:#FFF;
    border-width:1px;
    border-color:#999;
    border-style:solid;
    border-radius:4px;
    padding:2px 5px 2px 5px;
    margin:4px 4px 0 0;
    font-size:8px;
    text-transform:uppercase;
    letter-spacing:1px;
    font-family:monospace;
}

/* tags hidden by default */
.row_tag_list {
    display:none;
}

.tagit li.tag {
    background:#DDD;
    border:0;
    border-radius:4px;
    padding:3px 6px;
    font-size:12px;
    font-weight:bold;
    text-transform:uppercase;
}

li.tagit-edit-handle {
    width:100%;
}

li input.no-style {
    width:100%;
}

.tagit-edit-handle .no-style {
    font-family:inherit;
}

#tag_message {
    padding:5px 10px;
    display:none;
    border-radius:5px;
}

/* modules/jrTags/contrib/jqcloud/jqcloud.css */


/* fonts */

div.jqcloud {
  font-family:inherit;
  font-size:12px;
  line-height:normal;
}

div.jqcloud a {
  font-size:inherit;
  text-decoration:none;
}

div.jqcloud span.w10 { font-size:550%; }
div.jqcloud span.w9 { font-size:500%; }
div.jqcloud span.w8 { font-size:450%; }
div.jqcloud span.w7 { font-size:400%; }
div.jqcloud span.w6 { font-size:350%; }
div.jqcloud span.w5 { font-size:300%; }
div.jqcloud span.w4 { font-size:250%; }
div.jqcloud span.w3 { font-size:200%; }
div.jqcloud span.w2 { font-size:150%; }
div.jqcloud span.w1 { font-size:100%; }

/* colors */

div.jqcloud { color:#09f; }
div.jqcloud a { color:inherit; }
div.jqcloud a:hover { color:#0df; }
div.jqcloud a:hover { color:#0cf; }
div.jqcloud span.w10 { color:#0cf; }
div.jqcloud span.w9 { color:#0cf; }
div.jqcloud span.w8 { color:#0cf; }
div.jqcloud span.w7 { color:#39d; }
div.jqcloud span.w6 { color:#90c5f0; }
div.jqcloud span.w5 { color:#90a0dd; }
div.jqcloud span.w4 { color:#90c5f0; }
div.jqcloud span.w3 { color:#a0ddff; }
div.jqcloud span.w2 { color:#99ccee; }
div.jqcloud span.w1 { color:#aab5f0; }

/* layout */

div.jqcloud {
  overflow:hidden;
  position:relative;
}

div.jqcloud span { padding:0; }



/* modules/jrTips/css/jrTips.css */


.tour-list {
    margin:24px 0 0 0;
    padding:0;
    padding-top:12px;
}

.tour-stop {
    position:absolute;
    bottom:8px;
    right:10px;
    font-size:9px;
}

.tour-stop a {
    color:#BBB !important;
    text-decoration:none !important;
}

.tour-stop a:hover {
    color:#333 !important;
    text-decoration:none !important;
}

/* @title Tour popup URLs */
/* @help Controls the font in the Tour modal popups */
.tour-extra {
    position:absolute;
    bottom:8px;
    left:10px;
    margin:2px;
    padding:0;
    list-style:none;
    font-size:13px;
    line-height:20px;
}

.tour-extra a {
    color:#000;
}

.tour-close {
    display:none;
    margin-top:12px;
}

.tour-img {
    vertical-align:middle;
}


/* modules/jrUpimg/css/slider.css */


/*! http://responsiveslides.com v1.32 by @viljamis */

#swrapper {
    padding:26px 0 20px 0;
    margin:0 auto;
}

.upimg_rslides {
    position:relative;
    list-style:none;
    overflow:hidden;
    height:auto;
    padding:0;
    margin:0 auto;
}

.upimg_rslidesli {
    position:absolute;
    display:none;
    height:auto;
    left:0;
    top:0;
    margin:0 auto;
}

.upimg_rslidesli:first-child {
    position:relative;
    display:block;
    float:left;
    margin:0 auto;
}

.upimg_rslidesimg {
    display:block;
    height:auto;
    float:left;
    border:0;
    margin:0 auto;
}

.upimg_rslides {
    margin:0 auto;
}

#slider2 {
    box-shadow:none;
    margin:0 auto;
}

.upimg_rslides_tabs {
    background-color:#EEE;
    list-style:none;
    padding-top:8px;
    padding-bottom:8px;
    padding-left:0;
    font-size:12px;
    margin:0 auto;
    text-align:center;
}

.upimg_rslides_tabs li {
    display:inline;
    float:none;
}

.upimg_rslides_tabs a {
    width:auto;
    line-height:20px;
    padding:3px 5px;
    height:auto;
    background:transparent;
    display:inline;
    color:#000;
}

.upimg_rslides_tabs li:first-child {
    margin-left:0;
}

.upimg_rslides_tabs .upimg_rslides_here a {
    background:#FFF;
    color:#000;
    font-weight:bold;
}

/* Callback example */

.events {
    list-style:none;
}

.callbacks_container {
    margin-bottom:10px;
    position:relative;
    float:left;
    width:100%;
}

.callbacks {
    position:relative;
    list-style:none;
    overflow:hidden;
    width:100%;
    padding:0;
    margin:0;
}

.callbacks li {
    position:absolute;
    width:100%;
    left:0;
    top:0;
}

.callbacks img {
    display:block;
    position:relative;
    z-index:1;
    height:auto;
    width:100%;
    border:0;
}

.callbacks .caption {
    display:block;
    position:absolute;
    z-index:2;
    font-size:18px;
    text-shadow:none;
    color:#FFF;
    background:#000;
    background:rgba(0,0,0,.8);
    left:0;
    right:0;
    bottom:0;
    padding:10px 20px;
    margin:0;
    max-width:none;
    border-top-width:2px;
    border-top-style:solid;
    border-top-color:#EEE;
}

.callbacks_nav {
    position:absolute;
    top:52%;
    left:0;
    opacity:0.5;
    z-index:3;
    text-indent:-9999px;
    overflow:hidden;
    text-decoration:none;
    height:61px;
    width:38px;
    background:transparent url("https://silveralternatives.com/image/img/module/jrUpimg/themes.gif") no-repeat left top;
    margin-top:-45px;
}

.callbacks_nav:active {
    opacity:1.0;
}

.callbacks_nav.next {
    left:auto;
    background-position:right top;
    right:0;
}


/* modules/jrUrlScan/css/jrUrlScan.css */


#urlscan_target {
    margin-top:5px;
    padding:5px;
    display:none;
}

#urlscan-player-div {
    display:none;
}

.urlscan_card {
    border:1px solid #EEE;
    border-radius:3px;
    padding:10px;
}

.action .urlscan_card {
    border:none;
    border-radius:0;
    padding:0;
}

.urlscan_card h2 {
    margin:0 0 10px;
}

#urlscan_loading {
    display:block;
    margin:6px auto;
}

.urlscan_card_load {
    display:block;
    background:#EEE;
    padding:4px 8px;
    border-radius:3px;
    cursor:pointer;
    text-decoration:none;
}

/* modules/jrUser/css/jrUser.css */


.online_status_table {
    display:table;
    width:100%;
}

/* @title Online Status Image */
/* @help Cell class for image area in Online Status for an individual User */
.online_status_image {
    display:table-cell;
    width:10%;
    padding:6px;
}

/* @title Online Status User */
/* @help Cell class for user name area in Online Status for an individual User */
.online_status_user {
    display:table-cell;
    width:80%;
    vertical-align:middle;
    padding:2px 6px;
}

/* @title Online Status User Anchor */
/* @help Cell class for user name area in Online Status for an individual User */
.online_status_user a {
    color:#000;
}

/* @title User is Online */
/* @help Class for small ONLINE box that shows when the user is actually online */
.online_status_online {
    background-color:#CF9;
    color:#000;
    display:inline-block;
    width:100%;
    border-radius:2px;
}

/* @title User is Offline */
/* @help Class for small OFFLINE box that shows when the user is not online */
.online_status_offline {
    color:#000;
    display:inline-block;
    width:100%;
    border-radius:2px;
}

/* @title Widget Font Size */
/* @help sets the label font size for the Login and Signup widgets */
.widget-item-widget_login {
    font-size:12px !important;
}

#user-notification-select {
    margin:10px 6px !important;
    width:35% !important;
    text-transform:capitalize;
}

.user_notification_left {
    width:35% !important;
    padding:20px !important;
}

.element_left.user_notification_left.expanded {
    text-align:justify;
}

.user_notification_right {
    width:65% !important;
    padding:20px !important;
}

.user_notification_right span {
    display:block;
}

.user_notification_right input {
    margin:3px 6px 3px 3px;
    vertical-align:bottom;
}

#jrUser_account input[readonly="readonly"] {
    background:inherit;
    color:inherit;
}

.user-delete-modal {
    text-align:center;
    width:290px;
    padding:20px;
}

.user-delete-modal input {
    width:250px;
    display:inline-block;
    margin:10px 20px;
}

.new_login {
    margin:50px auto;
    text-align:center;
    max-width:360px;
    height:auto;
    background:white;
    border-radius:8px;
    padding:2em 0 1em;
    box-shadow:0 0 20px #BBB;
}

.new_login .form_text {
    box-sizing:border-box;
    background:white;
    padding:7px 10px;
    border-radius:8px;
    color:#333;
    width:290px;
    box-shadow:none;
    border:2px solid #AAA;
}

.new_login .form_select {
    box-sizing:border-box;
    padding:7px 10px;
    border-radius:8px;
    color:#333;
    width:290px;
    box-shadow:none;
    border:2px solid #AAA;
}

.form_text_wrap {
    position:relative;
    width:300px;
    margin:6px auto;
}

.form_text_wrap.password {
    margin:10px auto 0;
}

.login_button {
    background:#333 linear-gradient(#444,#222);
    height:40px;
    width:100%;
    border:none;
    cursor:pointer;
    border-radius:10px;
    margin:10px 0;
    color:white;
    font-size:16px;
    max-width:292px;
}

.login_button:disabled {
    opacity:0.6;
}

.new_login h2 {
    display:block;
    margin-bottom:12px;
    color:#333;
}

.login_forgot {
    padding:1em;
    border-top:1px solid #999;
    width:270px;
    margin:auto;
}

.login_forgot a {
    color:#888;
    font-size:16px;
}

.new_login .form_text:focus {
    border:2px solid #333;
}

.new_login .form_submit_section {
    padding:16px;
    background:none;
}

.signup_button {
    background:#EEE linear-gradient(#444,#222);
    color:white;
    padding:12px;
    width:90%;
    border:none;
    border-radius:10px;
    font-size:16px;
    text-transform:capitalize;
    cursor:pointer;
}

.form_text_wrap.left {
    text-align:left;
    padding:12px 0 0;
}

.new_login .page_notice {
    margin:10px;
}

.form_capitalize {
    text-transform:capitalize;
}

#account-tabs-profile-button {
    text-transform:none;
}

.u-view-keys {
    display:none;
}

.index_form .form_text {
    box-sizing:border-box;
    width:100%;
}

.new_login .form_text {
    width:auto;
    min-width:290px;
    height:36px;
}

/* Mobile */
@media handheld,only screen and (max-width:767px) {
    .new_login {
        border-radius:0;
        margin-top:0;
        margin-bottom:0;
    }
}

/* modules/jrYouTube/css/jrYouTube.css */


/* from this tutorial http://www.labnol.org/internet/light-youtube-embeds/27941/ */
.youtube-container {
    display:block;
    margin:0 auto;
    width:100%;
    max-width:600px;
}

.youtube-player {
    display:block;
    width:100%; /* assuming that the video has a 16:9 ratio */
    padding-bottom:56.25%;
    overflow:hidden;
    position:relative;
    height:100%;
    cursor:pointer;
}

img.youtube-thumb {
    bottom:0;
    display:block;
    left:0;
    margin:auto;
    max-width:100%;
    width:100%;
    position:absolute;
    right:0;
    top:0;
    height:auto
}

.youtube-play-button {
    height:51px;
    width:72px;
    left:50%;
    top:50%;
    margin-left:-36px;
    margin-top:-36px;
    position:absolute;
    background:url("https://silveralternatives.com/image/img/module/jrYouTube/play.png") no-repeat;
}

.youtube-iframe {
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    border:0;
}

/* skins/jrAudioPro2/css/acp.css */


/* @title Info Log */
/* @help Background color for Informational (INF) Log entries */
.log-inf {
    background-color:transparent;
    text-align:left;
}

/* @title Minor Log */
/* @help Background color for Minor (MIN) Log entries */
.log-min {
    background-color:#FFFF99;
    text-align:left;
}

/* @title Major Log */
/* @help Background color for Major (MAJ) Log entries */
.log-maj {
    background-color:#FF9900;
    text-align:left;
}

/* @title Critical Log */
/* @help Background color for Critical (CRI) Log entries */
.log-cri {
    background-color:#FF6600;
    text-align:left;
}

/* admin menu */
/* admin menu */
/* admin menu */

#item-holder {
    margin-right:9px;
}

dd {
    padding-top:0;
    padding-bottom:9px;
    margin:0;
    font-size:12px;
}

.admin_section_header {
    background:#FAF9F2;
    margin-top:0;
}

.admin_section_search {
    background-color:#DDDDDD !important;
    border-radius:0 !important;
    padding:11px !important;
    box-sizing:border-box;
}

.form_admin_search {
    width:98% !important;
    font-style:italic;
    color:#AAAAAA;
    box-sizing:border-box;
}

.form_admin_search:focus {
    border:0 !important;
}

/* @title Menu Row */
/* @help The row for the menu list */
.item-entry {
    color:#444444;
    display:table-cell;
    font-size:15px;
    padding:6px;
    vertical-align:middle;
    width:100%;
}

.item-row {
    background:white none repeat scroll 0 0;
    cursor:pointer;
    display:table-row;
    height:42px;
    width:100%;
}

/* @title Menu Active Row */
/* @help The active row for the menu list */
.item-row-active {
    background-color:#F3F3F3;
}

.item-row:hover {
    background-color:#F3F3F3;
}

/* @title Menu Icon */
/* @help The icon for the menu item */
.item-icon {
    display:table-cell;
    padding:3px;
}

.item-enabled {
    display:table-cell;
    padding-right:6px;
}

/* @title Module Disabled */
/* @help Contents of Small box to the right of a disabled module */
.item-disabled {
    display:table-cell;
    color:#000000;
    background:#AADDFF;
    font-size:11px;
    padding:6px;
    border:0;
}

#item-work {
    background:rgba(0,0,0,0) none repeat scroll 0 0;
    margin:2px;
}

/* @title Banner Background */
/* @help The Banner Background is the background color in the small section at the top of pages where the module icon appears */
.page_banner_box {

}

/* @title Page Banner border */
/* @help The Page Banner border is the border around the section at the top of pages where the module icon appears */

.page_banner {
    background:#DDDDDD none repeat scroll 0 0;
    color:#333333;
    margin-bottom:6px;
    padding-bottom:3px;
}

/* @title Page Banner Icon */
/* @help The Page Banner Icon section is the small section at the top of pages where the module icon appears */
.page_banner_icon {
    width:1%;
    padding:8px 0 8px 8px; 
}

/* @title Page Banner Title */
/* @help The Title section in the page banner */
.page_banner_left {
    height:36px;
    text-align:left;
    padding:5px 12px 3px 12px;
    font-size:18px;
    font-weight:bold;
    text-transform:capitalize;
    white-space:nowrap;
}

/* @title Page Banner Description */
/* @help The Description section on the right side of the page banner */
.page_banner_right {
    padding:4px 8px 0 0; 
    text-align:right;
}

.form_radio {
}

/* @title Radio Option */
/* @help Format for Radio form field options */
.form_radio_option {
    display:inline;
    padding-right:32px;
}

/* @title Textarea */
/* @help Format for Textarea form input fields */
.form_text {
    font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
    border:0;
    border-radius:3px;
    color:#FFFFFF;
    font-size:14px;
    margin:0 2px;
    padding:4px 5px;
    width:75%;
    background-color:#555555;
    vertical-align:middle;
}

/* @title Radio Option */
/* @help Format for Radio form field options */
.form_radio_option {
    display:inline;
    padding-right:32px;
}

/* @title Textarea Focus */
/* @help Class applied to a textarea field when the field is selected for input. */
textarea:focus {
    border:1px solid #303030;
}

/* @title Checkbox */
/* @help Class applied to a checkbox form field */
.form_checkbox {
    font-size:16px;
    margin:3px;
    border-radius:3px;
}

/* @title Optionlist Text */
/* @help Class applied to the text to the right of an Optionlist entry */
.form_option_list_text {
    font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:14px;
}

/* @title Disabled */
/* @help Class applied to a form element when it is disabled */
.form_element_disabled {
    border-width:1px;
    border-style:solid;
    border-color:#DDDDDD;
    background-color:#FFFFFF;
    color:#AAAAAA;
}

/* @title Code Mirror */
/* @help Overrides Core CodeMirror class */
.CodeMirror {
    background:#FFFFFF;
    padding:0;
    font-size:12px;
    border:solid 1px #7F7F7F;
    border-radius:3px;
    margin-left:2px;
}

/* @title Date Input */
/* @help Format for Date Input form elements */
.form_date {
    font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
    color:#000000;
    font-size:14px;
    height:24px;
    line-height:24px;
    width:15%;
    padding:0 4px; 
    margin:0 2px; 
    background-color:#FFFFFF;
    border-width:1px;
    border-style:solid;
    border-color:#7F7F7F;
    border-radius:3px;
}

/* @title Input Focus */
/* @help Class applied to a text input field when the field is selected for input. */
input[type="text"]:focus,select:focus,textarea:focus {
    box-shadow:0 0 3px #FFCC33;
}

.form_text[disabled="disabled"],.form_text[readonly="readonly"] {
    opacity:0.5;
}

.form_text_search {
    width:35%;
    padding:7px;
    margin-right:6px;
}

.live_search_text {
    color:#CCCCCC;
    font-style:italic;
    height:20px;
}

/* remove Firefox's dotted outlines... */
:focus {
    outline:none;
}

::-moz-focus-inner {
    border:0;
}

form {
    margin-bottom:0;
}

/* @title Element Left */
/* @help This is the left side of pages and forms where the label and sub-label will appear */
.element_left {
    text-align:right;
    text-transform:capitalize;
    padding:4px 6px 12px 0;
    width:23%;
}

.tool_element_left {
    padding:6px;
}

/* @title Element Right */
/* @help This is the right side of pages and forms where the form elements appear */
.element_right {
    padding:4px 0 12px 0;
    width:77%;
}

.tool_element_right {
    padding:6px;
}

/* @title Element Right URLs */
/* @help This is the color of URLs that might appear on the right side of the form */
.element_right a {
    color:#222222;
}

.form_input_left {
    height:30px;
}

.sublabel {
    font-size:11px;
    text-transform:none;
}

.form_help_button {
    font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
    position:absolute;
    top:5px;
    right:0;
    background:rgba(0,0,0,0) linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.8)) repeat scroll 0 0;
}

/* @title Form Help */
/* @help This is for the help sections for the forms */

.form_help {
    background-color:#EEEEEE;
    padding:8px;
    margin:0 2px 8px 2px;
    border-radius:3px;
    box-shadow:inset 0 0 5px #BBBBBB;
}

/* @title Form Help Drop */
/* @help This is for the help drop down section for the forms */
.form_help_drop {
    padding:8px;
    width:100%;
}

/* @title Form Help Drop Left */
/* @help This is for the left side help drop down section for the forms */
.form_help_drop_left {
    color:#333333;
    font-size:15px;
    padding:10px;
    text-align:left;
    text-transform:none;
    width:95%;
}

/* @title Form Help Drop Right */
/* @help This is for the right side help drop down section for the forms */
.form_help_drop_right {
    width:5%;
    padding:10px 20px 20px 20px;
}

.form_help_default {
    display:inline-block;
    margin-top:12px;
}

/* @title Form Help Small */
/* @help This is for the small help text */
.form_help_small {
    display:inline-block;
    font-size:9px;
    margin-top:12px;
    color:#999999;
    font-style:italic;
}

.form_submit_box {
    padding-top:6px;
}

.form_submit_section {
    padding:10px;
    text-align:center;
    background:#DDDDDD none repeat scroll 0 0;
}

#form_submit_indicator {
    display:none;
    margin-right:10px;
    vertical-align:middle;
}

.page_notice_drop {

}

/* @title Form Message Box */
/* @help Form messages will be displayed withing the Form Message box */
.page_notice {
    text-align:center;
    padding:10px;
    margin:0 0 6px;
    font-size:14px;
}

/* @title Form Message Text */
/* @help Formats the message text as shown in the Form Message Box */
.form_notice {
    text-align:center;
    padding:10px;
    display:none;
}

/* @title Form Notice */
/* @help Background color of Form Notice messages */
.notice {
    background-color:#AADDFF !important;
    color:#000000 !important;
}

.notice a {
    color:#000000 !important;
}

/* @title Form Warning */
/* @help Background color of Form Warning messages */
.warning {
    background-color:#FFD940 !important;
    color:#000000;
}

.warning a {
    color:#000000 !important;
}

/* @title Form Error */
/* @help Background color of Form Error messages */
.error {
    background-color:#FFD940 !important;
    color:#000000;
}

.error a {
    color:#000000 !important;
}

/* @title Form Success */
/* @help Background color of Form Success messages */
.success {
    background-color:#66D940 !important;
    color:#000000 !important;
}

.success a {
    color:#000000 !important;
}

/* @title Field Error */
/* @help Background color of a form field if the contents are in error */
.field-hilight {
    background-color:#FFDD00;
}

/* @title Select */
/* @help Format for the Select form field. */
.form_select {
    border:medium none;
    border-radius:3px;
    box-sizing:border-box;
    color:#EEEEEE;
    font-size:14px;
    margin:2px;
    padding:3px;
    width:76.4%;
}

/* @title Select Multiple */
/* @help Format for the Select form field when multiple items can be selected. */
.form_select_multiple {
}

.form_select_and_text_select {
    width:33%;
    margin-right:12px;
}

.form_select_and_text_text {
    width:32%;
}

/* @title Select Jumper */
/* @help Format for the Select Jumper field used in Page Headers */
.form_select_item_jumper {
    width:250px;
}

/* @title Time Input */
/* @help Class applied to the Time Select Field */
.form_time {
    margin-left:12px;
    width:15%;
    min-width:95px;
}

optgroup {
    font-style:normal;
}

.accordion a {
    color:#F8C574;
    text-decoration:none;
}

.accordion a:hover {
    color:#FFFFFF;
    text-decoration:none;
}

/* @title Form Button */
/* @help Format for Form Buttons */

.form_button {
    font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
    background:rgba(0,0,0,0) linear-gradient(#FFFFFF,#E5E5E5) repeat scroll 0 0;
    border:1px solid #CCCCCC;
    border-radius:3px;
    box-shadow:none;
    color:#666666;
    cursor:pointer;
    font-size:14px;
    height:auto;
    margin:0 2px;
    padding:6px 8px;
    text-decoration:none;
    text-transform:capitalize;
    vertical-align:middle;
}

.form_button:hover {
    background:rgba(0,0,0,0) linear-gradient(#e5e5e5,#e0e0e0) repeat scroll 0 0;
}

.form_button:disabled {
    cursor:auto;
    opacity:0.3;
}

.form_button_icon {
    color:#555555;
    font-size:20px;
    line-height:28px !important;
}

.form_icon_button {
    background:#FFFFFF linear-gradient(#FFFFFF,#EEEEEE) repeat scroll 0 0;
    width:28px;
    height:28px;
    border:1px solid #CCCCCC;
    border-radius:2px;
    margin-left:3px;
}

/* @title Form Button Hover */
/* @help Format for Form Buttons when the mouse is hovered over the button */
.form_icon_button:hover {
    background-color:#EEEEEE;
    color:#000000 !important;
}

/* @title Follow Button*/
/* @help Override for border-radius on follow button */
.follow_button {
    border-radius:3px;
}

.form_button_disabled {
    opacity:0.3;
}

.form_button_disabled:hover {
    color:#A4A4A4;
    background:#F0F0F0;
}

.form_button a,.form_button_anchor a,.form_button_anchor:hover a {
    text-decoration:none;
}

.sprite_icon_hilighted {
    background-color:#FFCC00;
}

/* @title Tables */
/* @help This is the HTML table style */
table {
    width:100%;
    border-width:0;
    border-spacing:0;
}

/* @title Table TD */
/* @help This is the TD tag for tables */
td,th {
    padding:0;
}

/* @title Table Links */
/* @help This is the color for URL links in a table */
td a {
    color:#226699;
}

#page_notice > a {
    color:#FF5500;
}

/* @title Page Table */
/* @help This is the page table style */
.page_table {
    background-color:#DDDDDD;
    border-spacing:1px;
    width:100%;
}

.bigtable {
    border-spacing:3px;
}

.page_table_header > a {
    color:#ECA81E;
}

/* @title Page Table Header */
/* @help This is the page header table style */
.page_table_header {
    background-color:rgba(255,255,255,0.1);
    font-size:12px;
    font-weight:bold;
    padding:6px;
    text-align:center;
    text-transform:capitalize;
    white-space:nowrap;
}

/* @title Page Table Footer */
/* @help This is the page footer table style */
.page_table_footer {
    background-color:#E8EAEB;
    text-align:center;
    padding:6px;
    font-size:12px;
    text-transform:capitalize;
    color:#000000;
    white-space:nowrap;
}

/* @title Page Table Row */
/* @help This is the page row table style */
.page_table_row {
    background-color:#F2F2F2;
}

.page_table_row_alt {
    background-color:#F8F8F8;
}

/* @title Page Table Cell */
/* @help This is the page table cell style */
.page_table_cell {
    padding:4px;
    font-size:13px;
    color:#333333;
}

/* @title Page Table Pager */
/* @help This is the page pagination table style */

/* @title Page Pager Left */
/* @help This is the left pagination cell */
.page_table_pager_left {
    width:25%;
    padding:5px;
}

/* @title Page Pager Center */
/* @help This is the center pagination cell */
.page_table_pager_center {
    text-align:center;
    width:50%;
    padding:5px;
    font-size:11px;
}

/* @title Page Pager Right */
/* @help This is the right pagination cell */
.page_table_pager_right {
    text-align:right;
    width:25%;
    padding:5px;
}

/* @title Page Pager Jumper */
/* @help This is the page selection drop down */
.page_table_jumper {
    width:50px;
}

/* @title Page Notice */
/* @help This is the page notice section */
.page_table_notice {
    text-align:center;
    line-height:32px;
    font-size:14px;
}

/* @title Page Section */
/* @help The Page Section is the small divider that can divide forms into logical groups. */
.page_section_header {
    background:#FAF9F2 none repeat scroll 0 0;
    border-radius:0;
    color:#333333;
    font-size:16px;
    text-transform:lowercase;
    font-variant:small-caps;
    font-weight:normal;
    margin:0 0 9px;
    padding:6px 6px 6px 14px;
}

.accordion .page_section_header {
    background-color:#FAF9F2;
    color:#444444;
}

/* @title Page Divider */
/* @help The small horizontal line or section that can be used to divide large sections of a page */
.page_divider {
    background-color:#FFFFFF;
    border-bottom:1px solid #DDDDDD;
}

/* @title Page Note */
/* @help If a module has a special &quot;note&quot; that it wants to display,this controls how it looks. */
.page_note {
    background-color:#CCFF99;
    color:#333333;
    font-size:14px;
    margin-bottom:9px;
    margin-top:12px;
    padding:9px;
    text-align:center;
}

/* @title Page Search Hilight */
/* @help For options that support searching and hilighting,this is the background color for text matching. */
.page_search_highlight {
    background-color:#F7DD4F;
}

/* Tab Bar */
/* @title Tab Bar Holder */
/* @help This is the holder for the tab bar */
.page_tab_bar_holder {
    padding-top:3px;
    border-bottom:1px solid #DDDDDD;
    width:100%;
}

.page_tab_bar_spacer {
    height:10px;
}

.page_tab_bar {
    padding-left:16px;
}

/* @title Page Tab */
/* @help This is the tab for the tab bar */
.page_tab {
    background-color:#DDDDDD;
    border-radius:4px 4px 0 0;
    color:#333333;
    cursor:pointer;
    float:left;
    font-size:14px;
    list-style:outside none none;
    margin-left:6px;
    text-align:center;
    text-decoration:none;
    text-transform:capitalize;
}

/* @title Page Tab Hover */
/* @help This is the tab hover for the tab bar */
.page_tab:hover {
    background-color:#666666;
    color:#000000;
    text-decoration:none;
}

/* @title Page Tab Hover Link */
/* @help This is the tab link hover for the tab bar */
.page_tab:hover a {
    color:#FFFFFF;
    text-decoration:none;
}

.page_tab_active {
    color:#000000;
}

.page_tab_active:hover {
    border-bottom:0 none;
    color:#DDDDDD;
    text-decoration:none;
}

.page_tab_active:hover a {
    color:#000000;
    text-decoration:none;
}

.page_tab_active.page_tab a {
    color:white;
}

.page_tab_active a:hover {
    color:#DDDDDD;
}

/* @title Page Tab Link */
/* @help This is the tab URL link for the tab bar */
.page_tab a {
    color:#333333;
    display:block;
    padding:7px 14px;
    text-decoration:none;
}

.page_tab_first {
    margin-left:0;
}

.page_tab_last {
}

/* @title Page Tab Active */
/* @help This is the active tab */
.page_tab_hilight {
    background-color:#FFCC00;
    color:#000000;
}

.page_tab_hilight a {
    color:#000000;
}

/* @title Modal Overlay */
/* @help The background overlay for the Modal window */
#simplemodal-overlay {
    background-color:#000000;
    cursor:wait;
}

/* @title Modal Window */
/* @help The Modal window */
#modal_window {
    background-color:#FFFFFF;
    overflow:auto;
    padding:10px;
}

/* @title Modal Updates */
/* @help The Modal window updates */
#modal_updates {
    color:#CCCCCC;
    font-size:12px;
    padding:8px;
    margin-left:12px;
    overflow:auto;
}

/* @title Modal Spinner */
/* @help The Modal window loading image */
#modal_spinner {
    vertical-align:middle;
    margin-right:8px;
}

.action_item_desc a {
    color:#999999;
}

.action_item_holder {
    border-bottom:1px solid #FFFFFF;
}

#wrapper {
    min-height:calc(100vh - 110px);
    padding:50px 0 0 !important;
    position:relative;
}

#content .item-list {
    padding:2px 0;
}

#dashboard_container {
    padding:1em;
}

/* @title Site Content */
/* @help This is the main Site Content holder */

#content {
    background:white none repeat scroll 0 0;
    border-radius:0 0 4px 4px;
    box-shadow:0 0 2px #AAAAAA;
    font-size:1em;
    margin:10px auto;
    max-width:1280px;
}

#content > .container {
    padding:1em;
}

#content > .page_content {
    padding:1em;
}

#content > .jrform {
    padding:1em;
}

#content h2 {
    margin:0;
}

#content .sb-widget-title > h2 {
    font-weight:normal;
    text-transform:uppercase;
}

/* @title block */
/* @help This is the main style for the individual blocks of the page */
.block {
    background-color:transparent;
    padding:12px;
    margin:0 auto;
}

.recommend_box {
    background-color:#EDEDED;
    padding:25px;
    margin:12px;
    border-style:solid;
    border-color:#DDDDDD;
    border-width:1px;
    font-size:16px;
    color:#000000;
}

.recommend_box a {
    color:#336699;
    text-decoration:none;
}

.recommend_box a:hover {
    color:#333333;
    text-decoration:underline;
}

.search_box {
    color:#EEEEEE;
    font-size:16px;
    margin:12px;
    padding:25px;
    border:none;
    border-radius:4px;
}

.page_content {
    border-radius:4px;
    color:#444444;
}

.search_box a {
    text-decoration:none;
}

.search_box a:hover {
    color:#333333;
    text-decoration:underline;
}

.container {
    margin:0;
}

.bignum_stat .sprite_icon {
    background:#666666 none repeat scroll 0 0;
}

.sb-menu-entry {
    border-radius:2px;
    color:#000000;
    cursor:move;
    font-size:15px;
    margin-top:3px;
    padding:6px 9px;
    text-transform:capitalize;
    vertical-align:middle;
}

#modal_window {
    background:#111111 none repeat scroll 0 0;
}

#modal_updates {
    color:#CCCCCC;
}

.item h2 {
    margin:0 0 5px;
}

.sb-widget-title {
    font-size:16px;
}

.sb-widget-col {
    padding:0 6px;
}

.sb-widget-col.sb-widget-hilight {
    padding:6px 6px 44px;
}

.form_text,.form_textarea,.form_select {
    background:#555555 none repeat scroll 0 0;
    box-shadow:0 1px 2px rgba(0,0,0,0.2) inset,0 0 1px rgba(0,0,0,0.1) inset,0 2px 0 rgba(255,255,255,0.05);
    color:white;
}

.page_banner_box .page_banner {
    width:100%;
}

.sb-widget-controls {
    right:6px;
    top:6px;
}

.plugin #providers .provider .name {
    color:#AAAAAA;
}

.plugin .footer #branding a span.plugin_title {
    color:#FFFFFF;
}

.plugin .footer #branding a {
    color:#CCCCCC;
}

.simplemodal-container .sb-menu-entry {
    background-color:#555555;
}

.sb-row-button {
    color:#666666;
}

.black #debug_log {
    color:white;
}

#sb-edit-cp {
    border-radius:8px;
}

.widget-template-code {
    background:rgba(100,150,205,0.1) none repeat scroll 0 0;
}

.item.success {
    background-color:#CCFF99;
    color:#CCCCCC;
}

textarea {
    border:medium none;
}

.jrform .upload_button {
    width:188px;
    line-height:28px;
}

#info_box {
    padding:0 0 8px;
}

#info_box .item {
    border-bottom:0 !important;
}

.form_textarea {
    font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
    border:1px solid rgba(0,0,0,0);
    border-radius:3px;
    padding:4px 5px;
    font-size:14px;
    margin-left:2px;
    height:100px;
    min-height:90px;
    width:74.7%;
}

a.qq-upload-cancel {
    color:black;
}

.center {
    text-align:center;
}

p.waiting {
    padding:12em 0;
}

.acp-default-img {
    border:medium none;
}

.form_text.form_select_and_text_text {
    width:30%;
}

.action span.title {
    font-size:18px;
}

.page_tab.page_tab_active {
    background-color:#ECA81E;
}

.sb-menu-entry a {
    color:white;
    cursor:pointer;
}

.simplemodal-data .page_content {
    background:#F3F3F3;
}

.paypal_buy_now_section {
    height:28px;
    box-shadow:none;
}
.paypal_buy_now_section img {
    padding-top:3px;
}

.paypal_buy_now_price {
    padding-bottom:8px;
    padding-right:10px;

}

.sb-menu-entry button {
    height:27px;
}

/* skins/jrAudioPro2/css/base.css */


/* @title Config Block */
/* @help The set of buttons that float to the right,ie. create,delete and modify. */
.block_config {
    float:right;
    margin-left:6px;
    white-space:nowrap;
}

/* @title Image Block */
/* @help The DIV that holds a list image. */
.block_image {
    margin:0 auto;
    padding-right:6px;
}

/* @title Content Block */
/* @help The DIV that holds a lists content. */
.block_content {
    padding:0;
    margin:0 auto;
}

/* @title Title */
/* @help This is the Title text */
.title {
    background-color:#EEEEEE;
    vertical-align:middle;
    text-transform:capitalize;
    color:#333333;
    padding:12px;
}

.title h1 {
    font-weight:bold;
}

.title-more {
    display:inline-block;
    float:right;
    font-size:12px;
    text-transform:uppercase;
    margin-top:6px;
    color:#AAAAAA;
}

.title-more a {
    color:#AAAAAA;
}

.title-more a:hover {
    color:#000000;
    text-decoration:none;
}

/* @title Info Text */
/* @help Styling for info labels. ie. Albums,Genre,Plays etc. */

.info {
    color:#666666;
    display:inline;
    font-weight:bold;
    margin:0;
    padding:0;
    text-transform:capitalize;
}

/* @title Info Text Link */
/* @help This is the Info link text */
.info a {
    text-decoration:none;
    color:#FF5500;
}

/* @title Info Link Hover */
/* @help This is the Info link hover text */
.info a:hover {
    color:#888888;
    text-decoration:underline;
}

/* @title Date Text */
/* @help Any date text in your lists. ie. blogs,events etc. */
.info_c {
    color:#666666;
}

/* @title Date Link Text */
/* @help Any date text in your lists. ie. blogs,events etc. */
.info_c a {
    color:#FF5500;
    text-decoration:none;
    font-weight:bold;
}

/* @title Date Text */
/* @help Any date text in your lists. ie. blogs,events etc. */
.info_c a:hover {
    text-decoration:underline;
}

.p5 h3 {
    margin:0;
}



/* skins/jrAudioPro2/css/chat.css */


/* @title No Chat Room Notice */
/* @help This is the no chat room container */
#jrchat-no-room-notice {
    width:80%;
    margin:20px auto;
    padding:20px;
    background:#FFFFFF;
    font-size:15px;
    text-align:center;
    border-radius:5px;
    border:1px solid #CCCCCC;
    text-transform:capitalize;
}

/* @title Chat Room Box */
/* @help This is the chat room container */
#jrchat-room-box {
    background-color:#FFFFFF;
    padding:5px;
    border-radius:5px;
    border:1px solid #303030;
    overflow-y:scroll;
    overflow-x:hidden;
}

/* @title Chat Room Options */
/* @help This is the chat room options div */
.jrchat-room-opt {
    position:relative;
    background:#FFFFFF;
    display:block;
    padding:6px 10px;
    font-size:16px;
    margin:5px;
    border-radius:4px;
    border:1px solid #CCCCCC;
}

/* @title Chat Room Bubble */
/* @help This is the chat room user count bubble */
.jrchat-bubble {
    background-color:#ECA81E;
    color:#FFFFFF;
    font-size:11px;
    line-height:18px;
    position:absolute;
    bottom:-2px;
    left:-2px;
    width:18px;
    height:18px;
    border:1px solid #000000;
    border-radius:9px;
    text-align:center;
}

/* @title Chat Room Config Bubble */
/* @help This is the chat room Config bubble */
.jrchat-config {
    background-color:#ECA81E;
    color:#FFFFFF;
    font-size:11px;
    line-height:18px;
    position:absolute;
    bottom:-2px;
    left:22px;
    width:18px;
    height:18px;
    border:1px solid #000000;
    border-radius:9px;
    text-align:center;
}

/* @title Chat Room Control */
/* @help This is the chat room user control div */
#jrchat-user-control {
    background:#EEEEEE;
    padding:0 3px;
    border-radius:5px;
    border:1px solid #CCCCCC;
    position:fixed;
    top:63px;
    right:10px;
    width:260px;
    height:300px;
    display:none;
    overflow-y:scroll;
    overflow-x:hidden;
}

/* @title Chat Room User Settings */
/* @help This is the chat room user settings div */
#jrchat-user-settings {
    background:#FFFFFF;
    padding:0 3px;
    border-radius:5px;
    position:fixed;
    top:63px;
    right:10px;
    width:260px;
    height:300px;
    display:none;
    overflow-y:scroll;
    overflow-x:hidden;
}

/* @title Chat Room Browser */
/* @help This is the chat room browser div */
#jrchat-room-browser {
    background:#EEEEEE;
    padding:0 3px;
    border-radius:5px;
    border:1px solid #CCCCCC;
    position:fixed;
    top:63px;
    right:10px;
    width:260px;
    height:300px;
    display:none;
    overflow-y:scroll;
    overflow-x:hidden;
    z-index:110000;
}

#jrchat-room-search {
    background:#EEEEEE;
    width:100%;
    padding:8px;
    margin:0;
    box-sizing:border-box;
    border-right:1px solid #303030;
    border-bottom:1px solid #303030;
    border-left:1px solid #303030;
    border-bottom-left-radius:5px;
    border-bottom-right-radius:5px;
}

/* @title Chat Room */
/* @help This is the chat room div */
#jrchat-room {
    background:#EEEEEE;
    height:100%;
    position:fixed;
    right:0;
    top:0;
    box-sizing:border-box;
    z-index:100000;
    overflow-x:hidden;
}

/* @title Chat Room Tabs */
/* @help This is the chat room tabs */
#jrchat-tabs {
    background-color:#DDDDDD;
    position:fixed;
    bottom:70px;
    display:table;
    box-sizing:border-box;
    z-index:100000;
    border-top-left-radius:5px;
    border-bottom-left-radius:5px;
    border-top:1px solid #303030;
    border-bottom:1px solid #303030;
    border-left:1px solid #303030;
}

/* @title Chat Room Background */
/* @help This is the chat room background */
#jrchat-chat {
    width:100%;
    background:#FFFFFF;
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    z-index:100000;
    box-sizing:border-box;
    border-left:1px solid #303030;
    overflow-x:hidden;
}

/* @title Chat Room Title */
/* @help This is the chat room title */
#jrchat-title {
    background-color:#222222;
    position:absolute;
    top:0;
    right:0;
    height:54px;
    width:100%;
    z-index:110000;
    font-size:16px;
    padding:6px 8px 8px 8px;
    box-sizing:border-box;
    box-shadow:0 1px 3px 0 #000000;
    border:1px solid #CCCCCC;
    color:#FFFFFF;
}

/* @title Chat Room Text */
/* @help This is the chat room beginning of chat text */
#jrchat-page-limit {
    margin:6px 0;
    padding:8px;
    border-radius:8px;
    font-size:13px;
    color:#000000;
    text-align:center;
}

/* @title Chat Room From */
/* @help This is the chat room from bubble */
.jrchat-msg-from {
    padding:9px 12px 21px 12px;
    background:#F9F9F9;
    margin-left:26px;
    overflow:hidden;
    border:1px solid #303030;
}

/* @title Chat Room To */
/* @help This is the chat room to bubble */
.jrchat-msg-to {
    padding:9px 12px;
    background:#FFFFFF;
    margin-right:26px;
    overflow:hidden;
    border:1px solid #303030;
}

/* @title Chat Room Byline */
/* @help This is the chat room date/time text */
.jrchat-msg-byline {
    position:absolute;
    right:5px;
    bottom:5px;
    display:block;
    font-size:9px;
    color:#111111;
}

/* @title Chat Room Message */
/* @help This is the chat room new message section */
#jrchat-new-message {
    background-color:#111111;
    position:absolute;    right:0;
    bottom:0;
    width:100%;
    height:70px;
    padding:10px 8px;
    box-sizing:border-box;
    border:1px solid #303030;
}

#jrchat-new-message-input {
    font-family:inherit;
    width:70%;
    position:absolute;
    top:9px;
    left:6px;
    right:36px;
    height:52px;
    box-sizing:border-box;
    resize:none;
    font-size:13px;
}

#jrchat-new-message > textarea {
    min-height:40px;
}

#jrchat_smiley_button {
    top:6px;
    margin-right:8px;
}


/* skins/jrAudioPro2/css/footer.css */




/* skins/jrAudioPro2/css/grid.css */


/* ! The 1140px Grid V2 by Andy Taylor \ http://cssgrid.net \ http://www.twitter.com/andytlr \ http://www.andytlr.com   */

.container {
    margin:0;
}

.row {
    width:100%;
    max-width:1280px;
    margin:0 auto;
    overflow:hidden;
}

.row-first {
    padding-top:3px;
}

.row-last {
    padding-bottom:3px;
}

.col1,.col2,.col3,.col4,.col5,.col6,.col7,.col8,.col9,.col10,.col11,.col12 {
    float:left;
}

.row .col1 {
    width:8.33%;
}

.row .col2 {
    width:16.66%
}

.row .col3 {
    width:25%
}

.row .col4 {
    width:33.33%
}

.row .col5 {
    width:41.65%;
}

.row .col6 {
    width:50%;
}

.row .col7 {
    width:58.31%;
}

.row .col8 {
    width:66.66%;
}

.row .col9 {
    width:75%;
}

.row .col10 {
    width:83.33%;
}

.row .col11 {
    width:91.63%;
}

.row .col12 {
    width:100%;
}

.last {
    margin-right:0;
}

.embedded,object,embed {
    max-width:100%;
}


/* skins/jrAudioPro2/css/header.css */


/* @title Header */
/* @help This is the main header section for the site */

#header {
    background-color:rgba(0,0,0,0.8);
    color:#FFFFFF;
    height:50px;
    position:fixed;
    width:100%;
    z-index:200;
}

/* @title Header Links */
/* @help Header text URL */
#header a {
    text-transform:capitalize;
    text-decoration:none;
    color:#FFFFFF;
}

/* @title Header Link Hover */
/* @help Header text URL hover */
#header a:hover {

}

#header_content {
    height:100%;
    max-width:1280px;
    margin-left:auto;
    margin-right:auto;
}

.jlogo {
    position:relative;
    top:0;
    width:auto;
    max-height:42px;
}

#main_logo {
    float:left;
    vertical-align:middle;

    cursor:pointer;
}

#add_to_cart_success {
    float:left;
    position:absolute;
    margin:0 auto;
    background-color:#FFCC00;
    border:1px solid #999999;
    padding:7px;
    font-size:14px;
    border-radius:3px;
}

/* skins/jrAudioPro2/css/html.css */


/*
* Jamroom Elastic CSS
 * Copyright 2003-2011 by Talldude Networks,LLC.
 * @author Brian Johnson - brian@talldude.net
 */

/* @title Page Background */
/* @help This is the main background for the site */
html {
    background-color:#CCCCCC;
    min-height:100vh;
}

/* @title Body */
/* @help This is the main style for the body of the page */
body {
    font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:14px;
    color:#888888;
    padding:0;
    margin:0;
    position:relative;
}

/* @title Text Links */
/* @help Text URL links */
a {
    color:#333333;
    text-decoration:none;
    cursor:pointer;
}

/* @title Text Link Hover */
/* @help Text URL Hover */
a:hover {
    text-decoration:underline;
}

li {
    list-style:none;
}

.item li {
    list-style:unset;
}

/* skins/jrAudioPro2/css/image.css */


/* @title Image Tag */
/* @help This is the class for the img tag in your HTML */
img {
    border:0;
    vertical-align:middle;
    height:auto;
}

/* @title Image Icon */
/* @help This is the icon image */
.img_icon {
    padding:1px;
    margin-right:12px;
}

/* images (not icons) */
.img_scale {
    width:100%;
}

.img_shadow {
}

.social-img {
    margin-right:12px;
}

.row img {
    display:inline-block;
}

.item-icon > img {
    width:40px;
}

/* @title Image Outline Hover */
/* @help This is the hover color for the small outline around small images that are linked */

.create_img {
    cursor:pointer;
}

.update_img {
    cursor:pointer;
}

.delete_img {
    cursor:pointer;
}

/* skins/jrAudioPro2/css/core_slidebar.css */


#sb-site,.sb-site-container,.sb-slidebar,body,html {
    margin:0;
    padding:0;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}

html.sb-scroll-lock.sb-active:not(.sb-static) {
    overflow:hidden
}

#sb-site,.sb-site-container {
    width:100%;
    min-height:100vh;
    position:relative;
    z-index:1;
}

#sb-site:after,#sb-site:before,.sb-site-container:after,.sb-site-container:before {
    content:' ';
    display:table;
    clear:both;
}

.sb-slidebar {
    height:100%;
    overflow-y:auto;
    position:fixed;
    top:0;
    z-index:0;
    display:none;
    background-color:#222222
}

.sb-slidebar,.sb-slidebar * {
    -webkit-transform:translateZ(0px)
}

.sb-menu {
    width:100%;
    margin:0;
    padding:50px 0 0 0;
}

.sb-slidebar nav {
    margin:0;
    padding:0;
}

.sb-slidebar li {
    margin:0;
    list-style:none;
    font-size:16px;
    padding:12px;
    color:#FFFFFF;
    border-bottom:1px solid #333333;
    text-transform:capitalize;
}

.sb-slidebar li ul {
    margin-left:6px;
    margin-top:6px;
    padding:0;
}

.sb-slidebar li li {
    font-size:14px;
    border-bottom:0;
    padding:6px;
}

.sb-slidebar li a {
    color:#FFFFFF;
}

.sb-left {
    left:0
}

.sb-right {
    right:0
}

.sb-slidebar.sb-static,html.sb-static .sb-slidebar {
    position:absolute
}

.sb-slidebar.sb-active {
    display:block
}

.sb-style-overlay {
    z-index:9999
}

.sb-momentum-scrolling {
    -webkit-overflow-scrolling:touch
}

.sb-slidebar {
    width:30%
}

.sb-width-thin {
    width:15%
}

.sb-width-wide {
    width:45%
}

@media (max-width:480px) {
    .sb-slidebar {
        width:70%
    }

    .sb-width-thin {
        width:55%
    }

    .sb-width-wide {
        width:85%
    }
}

@media (min-width:481px) {
    .sb-slidebar {
        width:55%
    }

    .sb-width-thin {
        width:40%
    }

    .sb-width-wide {
        width:70%
    }
}

@media (min-width:768px) {
    .sb-slidebar {
        width:40%
    }

    .sb-width-thin {
        width:25%
    }

    .sb-width-wide {
        width:55%
    }
}

@media (min-width:992px) {
    .sb-slidebar {
        width:30%
    }

    .sb-width-thin {
        width:15%
    }

    .sb-width-wide {
        width:45%
    }
}

@media (min-width:1200px) {
    .sb-slidebar {
        width:20%
    }

    .sb-width-thin {
        width:5%
    }

    .sb-width-wide {
        width:35%
    }
}

#sb-site,.sb-site-container,.sb-slide,.sb-slidebar {
    -webkit-transform:translate(0px);
    -moz-transform:translate(0px);
    -o-transform:translate(0px);
    transform:translate(0px);
    -webkit-transition:-webkit-transform 400ms ease;
    -moz-transition:-moz-transform 400ms ease;
    -o-transition:-o-transform 400ms ease;
    transition:transform 400ms ease;
    -webkit-transition-property:-webkit-transform,left,right;
    -webkit-backface-visibility:hidden
}

.sb-hide {
    display:none
}


/* skins/jrAudioPro2/css/list.css */


/* @title List Row */
/* @help The List Row is the row section for ranking lists */
.list_row,.list_col {
    padding:6px;
    background-color:#CCCCCC;
    color:#000000;
}

/* @title List Image */
/* @help The List Image is for the images in the ranking list */
.list_image {
    padding:6px;
    background-color:#CCCCCC;
    color:#000000;
}

/* @title List Highlight */
/* @help The List Highlight is for the highlighted text in a ranking list */
.list_hl {
    background-color:#FFCC00;
    color:#000000;
}

/* @title List Item */
/* @help The List Item class is for the content in a  ranking list */
.item {
    border-bottom:1px solid #EEEEEE;
    margin:1em auto;
    padding:12px;
}

.item a {
    text-decoration:none;
}

.item a:hover {
    text-decoration:underline;
}

/* @title Blogpost Link Color */
/* @help The color for links users include in their blog posts */
.blogpost p a {
    text-decoration:none;
}

.blogpost p a:hover {
    text-decoration:underline;
}

.add_to_cart_section {
    border-radius:3px;
}


/* skins/jrAudioPro2/css/menu.css */



#menu img.jlogo {
    width:100px;
    height:16px;
}

/* Main menu */

#menu,#menu ul {
    margin:0;
    padding:0;
    list-style:none;
}

#menu {
    float:right;
    line-height:3em;
    margin:0 auto;
    width:100%;
}

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

#menu:after {
    clear:both;
}

#menu {
    zoom:1;
}

#menu li.right {
    float:right;
    margin:0 20px 0 0;
}

#menu li {
    float:left;
    margin:0 0 0 20px;
    position:relative;
}

#menu li:first-child {
    border-right:0 none;
    margin:0;
}

#menu a {
    color:#FFFFFF;
    float:left;
    font-size:16px;
    text-decoration:none;
    text-shadow:none !important;
}

#menu li:hover > a {
    text-decoration:none;
}

#menu li a:hover {
    color:#FFFFFF;
    text-decoration:none;
}

#menu li:hover > ul {
    display:block;
}

/* Sub-menu */

#menu ul {
    background:#333333 none repeat scroll 0 0;
    border-radius:3px;
    box-shadow:0 3px 8px rgba(0,0,0,0.5);
    color:#FFFFFF;
    font-size:13px;
    margin:0;
    opacity:0;
    position:absolute;
    top:47px;
    transition:all 0.2s ease-in-out 0s;
    visibility:hidden;
    z-index:99999;
}

#menu li:hover > ul {
    opacity:1;
    visibility:visible;
    margin:0;
}

#menu ul ul {
    top:0;
    left:168px;
    font-size:13px;
    color:#FFFFFF;
    margin:0;
}

#menu ul li {
    float:none;
    display:block;
    border:0;
    box-shadow:0 1px 0 #151515,0 2px 0 #454545;
    margin:auto;
}

#menu ul li:last-child {
    box-shadow:none;
}

#menu ul a {
    padding:0 10px;
    width:144px;
    display:block;
    white-space:nowrap;
    float:none;
    text-transform:capitalize;
    font-size:14px;
}

#menu ul a:hover {
    background:rgba(236,168,30,0.5) none repeat scroll 0 0;
}

#menu ul li:first-child > a {
    border-radius:3px 3px 0 0;
}

#menu ul li:first-child > a:after {
    content:'';
    position:absolute;
    left:34px;
    top:-6px;
    border-left:6px solid transparent;
    border-right:6px solid transparent;
    border-bottom:6px solid rgba(255,255,255,01);
}

#menu ul ul li:first-child a:after {
    left:-6px;
    top:50%;
    margin-top:-6px;
    border-left:0;
    border-bottom:6px solid transparent;
    border-top:6px solid transparent;
    border-right:6px solid rgba(255,255,255,01);
}

#menu ul li:first-child a:hover:after {
    border-bottom-color:rgba(255,255,255,01);
}

#menu ul ul li:first-child a:hover:after {
    border-right-color:rgba(255,255,255,01);
    border-bottom-color:transparent;
}

#menu ul li:last-child > a {
    border-radius:0 0 3px 3px;
}

#menu img {
    width:20px;
}

/* iPad */
.no-transition {
    transition:none;
    opacity:1;
    visibility:visible;
    display:none;
}

#menu li:hover > .no-transition {
    display:block;
}

#menu .left {
    float:left;
    margin-right:2.5em;
}

#menu .left span {
    color:#F8C574;
}

/* modal */
/* modal */
/* modal */

/* @title Modal Overlay */
/* @help The background overlay for the Modal window */
#simplemodal-overlay {
    background-color:#000000;
    cursor:wait;
}

/* @title Modal Window */
/* @help The Modal window */
#modal_window {
    background-color:#FFFFFF;
    overflow:auto;
    padding:10px;
}

/* @title Modal Updates */
/* @help The Modal window updates */
#modal_updates {
    color:#000000;
    font-size:12px;
    padding:8px;
    margin-left:12px;
    overflow:auto;
}

/* @title Modal Spinner */
/* @help The Modal window loading image */
#modal_spinner {
    vertical-align:middle;
    margin-right:8px;
}

.mobile {
    display:none;
}

li#menu_button > a {
    background:transparent url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADhJREFUeNpi/P//PwOtARMDHQBdLGFBYtMq3BiHT3DRPU4YR4NrNAmPJuHRJDyahEeT8Ii3BCDAAF0WBj5Er5idAAAAAElFTkSuQmCC") no-repeat scroll center center;
    height:22px;
    width:22px;
    display:block;
}

#menu2 {
    background:#2D3236 none repeat scroll 0 0;
}

nav#menu2,nav#menu2 a {
    font-size:14px !important;
}

.menu_pad {
    height:100%;
    padding:0 2em;
}

#menu li span.notifications {
    background:rgba(255,225,100,0.8) none repeat scroll 0 0;
    border-radius:8px;
    color:#000000;
    margin:0;
    opacity:1;
    padding:0;
    position:static;
    text-shadow:none;
    top:0;
    transition:opacity 0.5s linear 0s;
}

#menu li span.notifications.none {
    opacity:0;
}

#menu .desk.right > ul {
    left:-100px;
}

#menu li.right ul li:first-child > a::after {
    left:106px;
}

#menu .desk.right ul ul {
    left:-168px;
}

#menu li.right ul ul li:first-child a::after {
    right:-6px;
}

/* skins/jrAudioPro2/css/profile.css */



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

.clearfix {
    display:inline-block;
}

* html .clearfix {
    height:1%;
}

.clearfix {
    display:block;
}

section#profile {
    background:white none repeat scroll 0 0;
    box-shadow:0 0 2px #AAAAAA;
    margin:0 auto;
    max-width:1280px;
    min-height:800px;
    padding:0;
}

div#profile_header {
    margin:0 auto;
    max-width:1280px;
    padding:0;
}

section#profile_menu {
    min-height:50px;
}

#profile_menu {
    z-index:89;
    background:white;
}

ul#horizontal,#horizontal ul {
    list-style-type:none;
    margin:0;
    padding:0;
}

#horizontal li {
    float:left;
    padding:15px 0 0;
}

#horizontal {
    float:left;
    height:50px;
    visibility:collapse;
    width:calc(100% - 112px);
}

#horizontal a {
    color:#333333;
    display:block;
    font-size:14px;
    padding:3px 19px;
    text-decoration:none;
    transition:border-color 0.218s ease 0s;
    text-transform:uppercase;
}

#horizontal a:link,div.horizontal a:visited {
    text-align:center;
    text-decoration:none;
}

#horizontal li:hover {
    border-bottom:1px solid #ECA81E;
    color:#993333;
    padding-bottom:10px;
}

#submenu {
    display:none;
}

#horizontal > li:first-child a {
    border-left:medium none;
}

#horizontal > li:last-child a {
    border-right:medium none;
}

#horizontal .active > a {
    color:#ECA81E;
}

#horizontal .hideshow > a:first-child {
    border-right:medium none;
}

.menu_banner ul ul {
    background:#FFFFFF none repeat scroll 0 0;
    box-shadow:2px 2px 8px #999999;
    max-height:300px;
    max-width:160px;
    overflow-x:hidden;
    overflow-y:auto;
    position:absolute;
    right:0;
    text-transform:uppercase;
    top:52px;
}

.menu_banner ul#submenu > li {
    border-bottom:1px solid #CCCCCC;
    float:none;
    list-style:outside none none;
    padding:12px 20px 12px 12px;
    text-transform:uppercase;
    white-space:nowrap;
    cursor:pointer;
}

#submenu > li:hover a {
    color:#ECA81E;
    text-decoration:none;
}

li.hideshow {
    display:none;
    position:relative;
}

#horizontal .hideshow li a {
    border:medium none;
    padding:0;
    text-align:left;
}

.wrap {
    padding:1em;
}

.profile_admin_buttons {
    position:absolute;
    top:0;
    width:100%;
}

a.camera {
    background:rgba(0,0,0,0) none repeat scroll 0 0;
    border:2px solid rgba(255,255,255,0);
    border-radius:5px;
    color:rgba(0,0,0,0);
    display:block;
    line-height:2.4;
    max-width:180px;
    padding:5px;
    text-decoration:none;
    transition:all 0.5s ease 0s;
    width:100%;
}

a.camera:hover {
    background:rgba(0,0,0,0.6) none repeat scroll 0 0;
    border:2px solid rgba(0,0,0,0.7);
    color:rgba(255,255,255,1);
}

.camera .sprite_icon {
    background:rgba(0,0,0,0) none repeat scroll 0 0;
    box-shadow:none;
    border:medium none;
    margin:0;
    max-width:40px;
    opacity:0.4;
    padding:0;
}

#profile_header .profile_name {
    color:white;
    font-size:35px;
    font-weight:bold;
    text-shadow:1px 1px 3px #000000;
    text-transform:uppercase;
    position:static;
}

.profile_info {
    bottom:0;
    left:0;
    position:absolute;
    width:100%;
}

.profile_hover {
    background-image:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.5));
    bottom:0;
    height:40%;
    left:0;
    min-height:150px;
    pointer-events:none;
    position:absolute;
    width:100%;
    z-index:0;
}

#profile_header .profile_name span {
    display:block;
    font-size:18px;
    text-transform:lowercase;
}

#profile_header .profile_name span a {
    text-decoration:none;
    color:#FFFFFF;
}

.title {
    background-color:#FFFFFF;
    border-bottom:1px solid #EEEEEE;
}

.title h1 {
    color:#ECA81E;
    font-size:35px;
    font-weight:lighter;
    margin:0;
}

.breadcrumbs > a {
    color:#999999;
}

.gallery_view_all {
    float:left;
}

.profile_data span {
    color:#666666;
    display:block;
    font-size:10px;
    text-transform:uppercase;
}

.profile_data {
    color:#ECA81E;
    font-size:20px;
    margin:0;
    padding:0 0 1em;
}

.profile_data li {
    cursor:pointer;
    float:left;
    text-align:center;
    width:33.33%;
    list-style:none;
}

.profile_information,.bio,.followers {
    margin:auto;
    padding:1em;
}

.follow_button.following {
    background:#32C681 none repeat scroll 0 0;
    color:white;
    font-weight:normal;
}

.follow_button {
    background:#ECA81E none repeat scroll 0 0;
    border:medium none;
    color:white;
    margin:0 5px;
    vertical-align:middle;
    font-weight:normal;
}

#profile_menu .sprite_icon {
    vertical-align:middle;
}

.bio {
    line-height:1.4;
}

.bio-more {
    font-weight:bold;
    text-align:center;
    margin:0 0 10px;
}

.followers .img_shadow {
    background:white none repeat scroll 0 0;
    border-radius:50%;
    margin-left:-12px;
    padding:2px;
}

.head {
    font-size:16px;
    text-transform:uppercase;
    padding:0 2em 8px;
}

div.jqcloud a {
    color:#ECA81E;
}

.modal.simplemodal-data {
    background:white none repeat scroll 0 0;
    border-radius:5px;
    box-shadow:0 0 10px #222222;
    margin:auto;
    max-width:600px;
}

.add_to_cart_section {
    background:rgba(0,0,0,0) none repeat scroll 0 0;
    border-radius:3px;
    box-shadow:inset 0 0 1px #333333;
    display:inline-block;
}

.add_to_cart_price {
    top:8px;
}

.cart-section {
    display:inline-block;
    background:transparent;
    border-radius:3px;
    box-shadow:none;
    border:1px solid #CCCCCC;
}

.cart-price {
    top:6px;
}

.jp-type-single .jp-controls img {
    width:30px;
}

.profile_image {
    position:relative;
    border:3px solid white;
    border-radius:50%;
    max-width:80px;
    overflow:hidden;
}

.profile_hoverimage {
    background:rgba(0,0,0,0.5) none repeat scroll 0 0;
    color:white;
    display:none;
    height:100%;
    left:0;
    padding:1.6em 0 0;
    position:absolute;
    text-align:center;
    top:0;
    vertical-align:middle;
    width:100%;
}

.border_left {
    border-left:1px solid #EEEEEE;
}

.sprite_icon {
    background-image:linear-gradient(#FFFFFF,#EEEEEE);
    border:1px solid #CCCCCC;
    border-radius:3px;
    vertical-align:top;
}

.sprite_icon:hover {
    background-image:linear-gradient(#eeeeee,#cccccc);
}

.sidebar .sprite_icon {
    background:none;
    border:medium none;
}

.menu_banner.clearfix {
    border-bottom:1px solid #EEEEEE;
}

.stat_entry_box {
    background-image:linear-gradient(#FFFFFF,#EEEEEE);
    border:1px solid #CCCCCC;
    border-radius:3px;
    color:#666666;
    float:left;
    margin:10px 2px 0;
    padding:5px 8px;
    text-transform:capitalize;
}

.profile_hoverimage .sprite_icon {
    background:rgba(0,0,0,0) none repeat scroll 0 0;
    border:medium none;
}

.item h1 {
    display:inline;
}

#profile .head {
    border-bottom:1px solid #EEEEEE;
    font-size:14px;
    padding:0 0 1em;
}

.profile_information > span {
    display:block;
    padding:3px 0;
}

.profile_information > div > span {
    display:block;
    padding:3px 0;
}

.star-rating {
    margin:12px 0 0;
}

.like_button_box {
    padding:0 10px 0 0;
}

.col2 .star-rating {
    margin:0;
}

.profile_body {
    min-height:600px;
}

select#profile_select_menu {
    background:#eeeeee none repeat scroll 0 0;
    border:1px solid #cccccc;
    color:#333333;
    padding:4px;
}

.menu_select {
    padding:8px;
}

.action_item_shared {
    background:rgba(0,0,0,0) none repeat scroll 0 0;
}

#content .index_item {
    margin:0 0 2em;
    min-height:250px;
}

#content .index_item .jp-type-single .jp-controls img {
    width:22px;
}

.audio_index .form_select.cats {
    float:right;
    margin:0;
    padding:5px;
    width:auto;
}

.audio_index .form_text_search {
    width:auto;
}

#create_audio_dropdown {
    background:white none repeat scroll 0 0;
}

.bundle_box {
    background:white none repeat scroll 0 0;
    border:1px solid #ddd;
    box-shadow:0 3px 4px #aaaaaa;
    z-index:500;
}

.bundle_item_section {
    background:#eee none repeat scroll 0 0;
    border:1px solid #ddd;
    color:black;
}

.bundle_drop_section {
    background:#ECA81E none repeat scroll 0 0;
    color:white;
}

.bundle_table a {
    color:white;
    font-weight:bold;
}

.p10 {
    padding:10px;
}

#profile_select_menu {
    margin:12px 12px 6px 12px;
    padding:3px;
    font-size:18px;
    color:#000000;
    text-transform:capitalize;
}

.featured .add_to_cart_section {
    box-shadow:none;
}

.widget-item .item:first-child {
    border-top:medium none;
    margin-top:12px;
}



ul.clearfix {
    padding:0;
    margin:0;
}

.p5 {
    padding:5px;
}

/* skins/jrAudioPro2/css/skin.css */


section {
    position:relative;
    color:#666666;
}

.pad {
    padding:0 2em;
    position:relative;
}

.actions > ul {
    height:34px;
    margin:0;
    padding:0;
}

#header ul {
    margin:0;
    padding:0;
}

.jrISkin_player ul {
    margin:0;
    padding:0;
}

#footer ul {
    margin:0;
    padding:0;
}

.profile_information ul {
    margin:0;
    padding:0;
}

ul.page_tab_bar {
    margin:0;
}

.textArea .loader {
    bottom:10px;
    position:absolute;
    right:0;
}

.block_search {
    text-align:right;
    white-space:nowrap;
    width:auto;
}

span.title {
    font-size:16px;
}

.CodeMirror {
    background:#0F1418 none repeat scroll 0 0;
    color:white;
}

.shadow {
    box-shadow:1px 1px 10px #000000;
}

h2 {
    font-size:18px;
}

.p5 > h2 {
    margin:0;
}

h3 {
    text-align:left;
}

#footer {
    background-color:rgba(0,0,0,0.8);
    bottom:0;
    box-shadow:0 0 1px rgba(0,0,0,0.15);
    height:60px;
    position:relative;
    width:100%;
    z-index:200;
}

/* @title Footer Links */
/* @help Footer text URL */
#footer a {
    text-transform:capitalize;
    text-decoration:none;
    color:#ECA81E;
}

/* @title Footer Link Hover */
/* @help Footer text URL hover */
#footer a:hover {
    text-decoration:underline;
}

#footer_content {
    max-width:1280px;
    margin-left:auto;
    margin-right:auto;
}

/* @title Footer Text */
/* @help Footer text */
#footer_text {
    text-align:right;
    color:#FFFFFF;
    font-size:14px;
    padding:12px;
}

/* @title Footer Social Networks */
/* @help the social network icons located in the footer */
#footer_sn {
    padding:12px;
    text-align:left;
    vertical-align:middle;
}

.scrollup {
    width:40px;
    height:40px;
    opacity:0.5;
    position:fixed;
    bottom:10px;
    right:65px;
    display:none;
    z-index:300;
}

.scrollup:hover {
    opacity:1;
}

.widget-item-widget_gallery .col3 {
    padding:1px;
    width:24.2%;
}

.image_stack2 {
    left:42px !important;
}

.image_stack1 {
    left:21px !important;
}

.button_player a.jp-play,.button_player a.jp-pause {
    display:none;
}

.index_top {
    background:rgba(0,0,0,0.8) none repeat scroll 0 0;
}

.featured {
    background:white none repeat scroll 0 0;
    min-height:370px;
    padding:50px 0;
}

.index_item {
    float:left;
    min-height:270px;
    position:relative;
    width:12.5%;
}

.index_item .wrap > span,.featured_item span {
    color:#888888;
    display:block;
    font-size:12px;
}

.index_item span.item_title,.featured_item span.item_title {
    color:#444444;
    font-weight:bold;
    font-size:14px;
}

.image {
    margin:0 0 1em;
}

.index_item > .wrap {
    padding:0 0.5em 1em;
}

.featured h1 {
    font-size:24px;
    font-weight:lighter;
    margin:0 0 30px;
}

.index_item span.price {
    color:#ECA81E;
    font-weight:bold;
}

.featured .head {
    padding:0 5px 1em;
}

.head .sprite_icon {
    background:none;
    border:medium none;
}

.featured.dark {
    background:#EEEEEE none repeat scroll 0 0;
}

.featured_item {
    background:white none repeat scroll 0 0;
    box-shadow:0 0 2px #CCCCCC;
    margin:0;
    min-height:405px;
}

.featured_item .image {
    margin:0;
}

.index_item .wrap > ul {
    margin:1em 0 0;
}

.index_item .wrap > ul > li {
    float:left;
}

.index_item .jp-type-single .jp-controls img {
    width:22px;
}

.index_item .add_to_cart_price {
    display:none;
}

.index_item .sprite_icon {
    background:rgba(0,0,0,0) none repeat scroll 0 0;
    border:medium none;
}

.index_buttons {
    bottom:0;
    position:absolute;
    width:96%;
}

ul.index_buttons {
    padding:0;
}

.index_buttons .button_player,.index_buttons .sc_button_player {
    min-width:25px;
}

.index_buttons .like_button_img {
    margin:5px 2px;
    max-width:20px;
}

.cover_image {
    position:relative;
}

.featured .profile_image {
    max-width:50px;
}

.featured_item .profile_name {
    color:white;
    font-size:16px;
    font-weight:bold;
    padding:0 0 0 5px;
    text-shadow:1px 1px 2px #222222;
}

.featured_item .profile_name a {
    color:white;
}

.featured_item .jp-type-single .jp-controls img {
    max-width:30px;
}

.featured_item .add_to_cart_price {
    display:none;
}

.featured_item .add_to_cart_section {
    float:right;
}

.index_title a {
    color:#333333;
    font-size:14px;
    font-weight:500;
}

.list_item {
    border-bottom:1px solid #EEEEEE;
    margin:0 0 7px;
    padding:0 0 5px;
}

.list_item:last-child {
    border:medium none;
    margin:0;
}

.date > a {
    color:#888888;
}

.list_item .sprite_icon {
    background:rgba(0,0,0,0) none repeat scroll 0 0;
    border:medium none;
}

.featured_item .like_button_box {
    float:right;
}

.featured_item .like_count {
    display:inline;
}

.featured_item .profile_info {
    pointer-events:none;
}

.index_chart {
    box-shadow:0 0 2px #CCCCCC;
    margin:3px;
    padding:0 1em 1em;
}

.index_chart li img {
    max-width:30px;
}

.index_chart .list_item {
    margin:0;
    padding:5px 0;
}

.index_chart .list_item div > span.like_count {
    display:inline;
}

.index_chart .list_item div > span.add_to_cart_price {
    display:none;
}

.index_chart .list_item .col6 > div > div > div {
    padding:2px 5px;
    vertical-align:middle;
}

.chart_buttons div {
    float:right;
}

.slide_info {
    background:rgba(0,0,0,0.5) none repeat scroll 0 0;
    color:#FFFFFF;
    bottom:0;
    position:absolute;
    width:100%;
}

.index_slide {
    position:relative;
}

.slide_info .large {
    font-size:34px;
    font-weight:lighter;
    margin:0;
    text-transform:uppercase;
}

.slide_info .wrap {
    padding:3em;
}

.slide_info span {
    color:#ECA81E;
    font-size:14px;
    text-transform:uppercase;
}

.slide_info span.white {
    color:white;
}

.center.register {
    color:#ECA81E;
    font-size:16px;
    padding:1em 0 0;
    text-transform:uppercase;
}

.social li a {
    display:block;
    height:50px;
    width:50px;
}

.social.clearfix > li {
    float:left;
    margin:0 4px;
}

.social.clearfix {
    float:right;
}

.social li a.social-facebook {
    background:rgba(0,0,0,0) url("https://silveralternatives.com/image/img/skin/jrAudioPro2/social-facebook.png") no-repeat scroll 0 0;
}

.social li a.social-twitter {
    background:rgba(0,0,0,0) url("https://silveralternatives.com/image/img/skin/jrAudioPro2/social-twitter.png") no-repeat scroll 0 0;
}

.social li a.social-instagram {
    background:rgba(0,0,0,0) url("https://silveralternatives.com/image/img/skin/jrAudioPro2/social-instagram.png") no-repeat scroll 0 0;
}

.social li a.social-linkedin {
    background:rgba(0,0,0,0) url("https://silveralternatives.com/image/img/skin/jrAudioPro2/social-linkedin.png") no-repeat scroll 0 0;
}

.social li a.social-youtube {
    background:rgba(0,0,0,0) url("https://silveralternatives.com/image/img/skin/jrAudioPro2/social-youtube.png") no-repeat scroll 0 0;
}

.social li a.social-facebook:hover,
.social li a.social-twitter:hover,
.social li a.social-linkedin:hover,
.social li a.social-youtube:hover,
.social li a.social-instagram:hover {
    background-position:0 -50px;
}

#content .jp-type-single .jp-controls img {
    width:25px;
}

.search_results_container .form_text {
    max-width:250px;
    width:100%;
}

.block_image img {
    width:100%;
}

#menu .form_button {
    background-image:linear-gradient(#666666,#333333);
    border:medium none;
    box-shadow:0 0 3px #000000;
    color:white;
    padding:5px;
}

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

.table-row {
    display:table-row;
}

.table-cell {
    display:table-cell;
    vertical-align:middle;
}

.index_chart .table-cell {
    border-right:1px solid #E5E5E5;
    padding:0 10px;
}

.list_item.odd {
    background:#F9F9F9 none repeat scroll 0 0;
}

.index_chart .image {
    display:block;
    margin:0 auto;
    max-width:30px;
}

.index_chart .button_player {
    display:block;
    margin:auto;
    min-width:30px;
    width:30px;
}

.table-cell.large.buttons {
    width:20%;
}

.index_slide > img {
    width:100%;
}

.table-cell.profile-image {
    width:56px;
}

#profile_header .table-cell.profile-image {
    width:100px;
}

.table-cell.chart_buttons:last-child {
    border:medium none;
}

.index_chart .table.center .table-cell {
    border:medium none;
    padding:0;
    width:auto;
}

.index_chart .form_select {
    width:auto;
    border:1px solid rgba(0,0,0,0);
}

.table.center {
    color:#ECA81E;
    font-weight:bold;
}

#chartLoader {
    display:block;
    left:0;
    position:absolute;
    top:-7px;
}

#chartLoader > img {
    margin:0 5px;
    max-width:25px;
}

.date {
    color:#999999;
}

.menu_user_image {
    border-radius:50%;
}

.search_box.simplemodal-data {
    background:#FFFFFF none repeat scroll 0 0;
}

.no-items {
    padding:2em;
    text-align:center;
}

.featured .sprite_icon {
    box-shadow:none;
}

.item .button_player {
    min-width:30px;
}

.index_chart .sc_button_player {
    min-width:30px;
}

.sc_button_player div.jp-interface ul.jp-controls a.jp-pause {
    display:none;
}

.scrollup {
    background:rgba(0,0,0,0) url("https://silveralternatives.com/image/img/skin/jrAudioPro2/icon_top.png") no-repeat scroll 0 0;
    bottom:-32px;
    display:block;
    height:40px;
    opacity:0;
    position:fixed;
    right:65px;
    text-indent:-9999px;
    width:40px;
    transition:all 0.5s ease 0s;
}

.scrollup.show {
    opacity:0.5;
    bottom:10px;
}

.scrollup.show:hover {
    opacity:1;
    bottom:10px;
}

.index_chart .jp-type-single .jp-controls img {
    width:22px;
}

.index_chart .button_player div.jp-interface ul.jp-controls li {
    float:none;
}

.index_chart .button_player div.jp-audio ul.jp-controls {
    text-align:center;
}

#content .index_chart {
    box-shadow:none;
}

#content .featured .head {
    padding:0 1em 1em;
}

#footer .social.clearfix {
    float:none;
    padding:15px 0 0;
}

#footer .social li a {
    height:30px;
    width:30px;
}

#footer .social li a.social-facebook {
    background:rgba(0,0,0,0) url("https://silveralternatives.com/image/img/skin/jrAudioPro2/social-facebook-small.png") no-repeat scroll 0 0;
}

#footer .social li a.social-twitter {
    background:rgba(0,0,0,0) url("https://silveralternatives.com/image/img/skin/jrAudioPro2/social-twitter-small.png") no-repeat scroll 0 0;
}

#footer .social li a.social-instagram {
    background:rgba(0,0,0,0) url("https://silveralternatives.com/image/img/skin/jrAudioPro2/social-instagram-small.png") no-repeat scroll 0 0;
}

#footer .social li a.social-linkedin {
    background:rgba(0,0,0,0) url("https://silveralternatives.com/image/img/skin/jrAudioPro2/social-linkedin-small.png") no-repeat scroll 0 0;
}

#footer .social li a.social-youtube {
    background:rgba(0,0,0,0) url("https://silveralternatives.com/image/img/skin/jrAudioPro2/social-youtube-small.png") no-repeat scroll 0 0;
}

#footer .social li a.social-facebook:hover,
#footer .social li a.social-twitter:hover,
#footer .social li a.social-linkedin:hover,
#footer .social li a.social-youtube:hover,
#footer .social li a.social-instagram:hover {
    background-position:0 -30px;
}

.audio_index h1 {
    font-weight:lighter;
}

.index_buttons .add_to_cart_section {
    box-shadow:none;
}

.menu_mobile .jlogo {
    position:absolute;
    top:4px;
    width:auto;
    max-height:42px;
    left:64px;
}

.menu_mobile.small .jlogo {
    left:50px;
}

/* skins/jrAudioPro2/css/override_tablet.css */


/* Tablets */


@media only screen and (max-width:970px) {

    input[type=submit],input[type=reset],input[type=button] {
        -webkit-appearance:none;
    }

    #wrapper {
        font-size:10px;
    }

    .page_tab {
        font-size:14px;
    }

    .desk {
        display:none;
    }

    .mobile {
        display:block;
    }

    #menu > li.right {
        display:block;
    }

    #menu > li {
        display:none;
    }

    #apps li {
        width:65px;
    }

    #wrapper > section {
        font-size:1.2em;
    }

    .row,#content {
        max-width:970px;
    }

    h1 {
        margin:10px auto;
    }

    .final .footer > a {
        top:-74px;
    }

    .jrform .page_content {
        margin-top:20px;
    }

    .row .col12.slogan {
        padding-right:1em;
        text-align:right;
    }
}

@media only screen and (max-height:900px) {

    .index.list .middle {
        position:relative;
        top:0;
        transform:translateY(0px);
    }

    .index.list .full {
        padding:0 0 60px;
    }

    section.index.list {
        padding:90px 0 0;
    }

    section.index.final {
        padding:90px 0;
    }

    .index.final.list .full {
        padding:0 0 90px;
    }

    .index.top .middle {
        top:40%;
    }

    .index_item h2 {
        font-size:16px;
        margin:0 0 0.2em;
    }


    .tablet {
        display:inline;
    }

    div.tap_block,div.tap {
        display:block;
    }
}

@media only screen and (max-width:1200px) {
    .hover {
        font-size:12px;
    }

    .more {
        margin:1em 0 0;
    }
}

/* skins/jrAudioPro2/css/override_mobile.css */


/* Mobile */
@media handheld,only screen and (max-width:767px) {

    body {
        width:100%;
        min-width:0;
        margin:0;
        padding:0;
        -webkit-text-size-adjust:none;
    }
    .menu_mobile {
        left:50px;
    }

    h1 {
        font-size:22px;
        font-weight:bold;
    }

    h2 {
        font-size:13px;
    }

    h3 {
        font-size:12px;
    }

    h4 {
        font-size:11px;
    }

    input[type=submit],input[type=reset],input[type=button] {
        -webkit-appearance:none;
    }

    .featured {
        padding:50px 10px;
    }

    #mmt {
        background-color:transparent;
        position:relative;
        float:left;
        width:28px;
        height:28px;
        top:5px;
        left:6px;
        z-index:50;
    }
    #content {
        margin:0;
    }

    #main_menu {
        padding:6px;
        text-align:center;
        font-size:14px;
    }

    .row .col1,.row .col2,.row .col3,.row .col4,.row .col5,.row .col6,.row .col7,.row .col8,.row .col9,.row .col10,.row .col11,.row .col12 {
        width:auto;
        float:none;
        margin-left:0;
        margin-right:0;
        padding-left:0;
        padding-right:0;
    }

    .block {
        font-size:12px;
    }

    #item-holder {
        margin-right:0;
    }

    .page_content {
        width:100%;
        margin:0 auto;
    }

    .page_table_header {
        font-size:8px;
    }

    .page_table_cell {
        padding:2px;
        font-size:8px;
    }

    .nowrap {
        white-space:normal;
    }

    .element_left {
        padding:3px;
        font-size:11px;
    }

    .element_right {
        font-size:10px;
        padding:3px;
    }

    .profile_image_element_right img {
        width:190px;
        text-align:center;
    }

    .profile_menu_entry {
        padding:8px;
        margin-bottom:3px;
    }

    .profile_menu {
        padding:0 0 0 5px;
        margin:0;
    }

    .block {
        padding:6px;
        margin:0;
    }

    .form_select_item_jumper {
        width:50%;
    }

    .upload_button {
        font:bold 10px Verdana,sans-serif;
        height:20px;
        padding:6px 6px 0 6px;
        margin:0;
    }

    .create_img {
        height:20px;
        width:20px;
    }

    .update_img {
        height:20px;
        width:20px;
    }

    .delete_img {
        height:20px;
        width:20px;
    }

    .download_img {
        height:20px;
        width:20px;
    }

    /* Tab Bar */
    .page_tab_bar_holder {
        width:100%;
        border-bottom:0;
        padding:0 12px 9px 0;
    }

    .page_tab_bar_spacer {
        height:0;
    }

    .page_tab {
        float:left;
        list-style:none;
        margin:3px 6px 3px 0;
        color:#000000;
        text-transform:capitalize;
        font-size:12px;
        padding:3px;
        text-align:center;
        border-radius:0;
    }

    .page_tab a {
        text-decoration:none;
    }

    .page_tab_first {
        margin-left:0;
    }

    .page_tab_last {
        color:#000000;
    }

    .page_tab_active {
        border:0;
    }

    .info_img {
        display:none;
    }

    .gallery_img {
        width:100%;
    }

    .item {
        padding:6px;
        font-size:12px;
    }

    .index_item {
        float:none;
        margin:0 0 2em;
        padding:0 4px 2em;
        width:auto;
    }

    .table-cell.large.buttons {
        width:auto;
    }

    .slide_info .large {
        font-size:18px;
    }

    .slide_info span {
        font-size:11px;
    }

    .social.clearfix {
        display:none;
    }

    #menu > li.right {
        margin:0;
    }

    #menu .right img {
        width:26px;
    }

    .table-cell.profile-image {
        width:25%;
        padding:0 5px 0 0;
    }

    #profile_header .profile_name {
        font-size:20px;
    }

    #profile_header .profile_name span {
        font-size:12px;
    }

    #horizontal a {
        font-size:12px;
        padding:3px 14px;
    }

    #profile_header .table-cell.profile-image {
        width:56px;
    }

    #chartLoader > img {
        margin:0 3px;
        max-width:20px;
    }
    .element_left {
        display:none;
    }
    .element_right {
        font-size:10px;
        padding:0 0 20px;
    }
    .form_help_button {
        top:12px;
        right:0;
        padding:4px 0;
        width:24px;
        text-align:center;
    }
    #content .form_text {
        width:83%;
    }
    #content .form_select {
        width:86%;
    }
    .form_text.form_text_search {
        margin-bottom:10px;
    }
    #error_log {
        width:90vw;
    }
    .col4.last > .box {
        margin:0 0 0 0;
    }
    .form_select_and_text_tag {
        display:none;
    }
    .form_select_and_text_select {
        margin-bottom:10px;
    }
    .form_time {
        margin:2px;
    }
    .form_date {
        width:83%;
        margin-bottom:10px !important;
    }

    .page_content .form_textarea {
        width:83.5%;
    }
    .menu_pad {
        padding:0 1em;
    }

    .form_label {
        display:block;
        padding:2px;
        text-transform:capitalize;
    }
    .form_editor_holder {
        width:308px;
        padding-right:2px;
        overflow:hidden;
    }
    .form_help_button {
        top:2px;
        right:5px;
        padding:4px 0;
        width:24px;
        text-align:center;
    }
    .element_right .form_button {
        margin:0;
    }
    .element_right {
        width:97%;
    }
}


/* skins/jrAudioPro2/css/player.css */




.button_player div.jp-interface ul.jp-controls a.jp-play,
.button_player div.jp-interface ul.jp-controls a.jp-pause {
    display:none;
}

/* Mobile */

.jrAudioPro2_index_player {
    background-image:linear-gradient(#111,#000);
    border-top:1px solid #333;
    bottom:-200px;
    height:150px;
    position:fixed;
    transition:bottom 1s ease 0s;
    width:100%;
    z-index:200;
    font-family:Avant Garde,Avantgarde,Century Gothic,CenturyGothic,AppleGothic,sans-serif;
}

.jrAudioPro2_index_player.playing.min {
    bottom:-130px;
}

.jrAudioPro2_index_player.playing {
    bottom:0;
}

.jrBeatSlinger_player li {
    list-style:none;
}

.jrAudioPro2_index_player a {
    color:white;
}

.jrAudioPro2_index_player .wrap {
    position:relative;
}

.jrAudioPro2_index_player .jp-interface {
    border-radius:103px 100px 0 0;
    height:50px;
    left:50%;
    max-width:265px;
    position:absolute;
    top:-25px;
    transform:translateX(-50%);
    width:100%;
    z-index:10;
}

.jrAudioPro2_index_player .jp-play {
    background:#111111 url("{$jrBeatSlinger_img_url}/jp-play.png") no-repeat scroll center center;
    border-radius:50% 50% 0 0;
    height:50px;
    left:50%;
    width:50px;
}

.jrAudioPro2_index_player .jp-pause {
    background:#111111 url("{$jrBeatSlinger_img_url}/jp-pause.png") no-repeat scroll center center;
    height:50px;
    left:50%;
    width:50px;
    border-radius:50% 50% 0 0;
}

@media handheld,only screen and (max-width:767px) {

    .jrAudioPro2_index_player.playing {
        height:42vh;
    }

    
    
    
    .jrAudioPro2_index_player.playing.min {
        bottom:-190px;
    }

    
    }