/*
 *  (c) 2000-2025 deviantART, Inc. All rights reserved.
 */
div.lesport {
    background: transparent url(/minish/main/lesport.gif) no-repeat center center; 
    padding: 20px 10px; 
    width: 226px; 
    text-align: center;
    margin: auto;
}

div.lesportwide {
    background: transparent url(/minish/main/lesportwide.gif) no-repeat center center;
    width: 450px;
    height: 40px;
    left: 16px;
    position: relative;
    text-align: center;
    margin: 10px auto;
}

div.lesportwide a {
    display: block;
    padding: 12px 0;
    width: 100%;
    text-align: center;
}

/* IE box model */
* html div.lesport {
    width: 246px;
}
* html div.lesportwide {
    width: 450px;
}

div.symbols-modal {
    width: 600px;
}

div.symbols-modal ul {
    padding: 0;
    margin: 0;
    display: block;
    vertical-align: top;
}

div.symbols-modal ul li {
    position: relative;
    display: inline-block;
    padding-left: 65px;
    width: 210px;
    margin-bottom: 10px;
    vertical-align: top;
}


div.symbols-modal ul li span.user-symbol { 
    font-size: 42px; 
    display: block; 
    position: absolute; 
    left: 0px; color: 
    rgba(44,54,53,.6); 
    width: 65px; 
    text-align: center; 
}

.symbols-modal ul li {
    .user-symbol.core_access,
    .user-symbol.core_plus,
    .user-symbol.core_pro,
    .user-symbol.beta,
    .user-symbol.premium {
        position: absolute;
        width: auto;
        font-size: 42px;
        left: 10px;
    }
}

div.symbols-modal ul li h3 { 
    display: block; 
    margin: 0px 0 3px 0; 
    padding: 0; 
    font-family: "Trebuchet MS", sans-serif; 
    font-size: 16px; 
    letter-spacing: -1px; 
    color: #2c3635;
}

div.symbols-modal ul li p { 
    font-size: 11px; 
    margin: 0 0 5px 0; 
    line-height: 1.4em; 
    color: #515c5a; 
}

div.symbols-modal ul li a { 
    font-size: 11px; 
    margin: 0 0 5px 0; 
    display: block; 
    color: #337287;
}

.symbols-modal ul li a:hover { 
    text-decoration: underline; 
}


.modalFooter {
    display: block;
    background: rgba(255,255,255,.35);
    border-top: 1px solid rgba(0,0,0,0.15);
    padding: 0 20px 20px;
    text-align: center;
    color: #515c5a; 
    border-radius: 0 0 6px 6px;
    padding-top: 15px;
}

.modalFooter.premiummember { 
    padding-bottom: 15px; 
}

.modalFooter h4 { 
    font-weight: normal; 
    margin-bottom: 5px;  
}

.modalFooter.loggedout h4 { 
    font-size: 21px; 
    font-family: "Trebuchet MS", sans-serif; 
    font-weight: bold; 
    letter-spacing: -1px; 
    color: #58675c; 
    text-shadow: 0 1px 0 rgba(255,255,255,.5); 
    margin: 20px 0 10px 0; 
}

.modalFooter h4 i { 
    font-style: normal; 
    color: rgba(0,0,0,0.35); 
}

.modalFooter .upsell {
    font-family: "Trebuchet MS", sans-serif;
}

.modalFooter .upsell span { 
    font-size: 16px;
}

.modalFooter .upsell a { 
    font-family: "Trebuchet MS", sans-serif; 
    font-weight: bold; 
    font-size: 18px; 
    letter-spacing: -1px; 
    margin-right: 2px; 
    color: #515c5a;  
}

.modalFooter .upsell span.user-symbol {
    vertical-align: inherit;
}
.modalFooter .upsell a.smbutton { 
    margin-left: 10px; 
}
.modalFooter .upsell a.smbutton span {
    font-size: 17px; 
    text-shadow: 0 1px 0 rgba(255,255,255,.55);   
}

.modalFooter .info { 
    font-size: 10px; 
    margin-top: 5px; 
    line-height: 1.5em; 
}

.11-14-brandcolors();

#deviantart-logo {
    display: block;
    width: 100%;
    height: 100%;

    &:active {
        opacity: .8;
    }

    svg, .mark, .type {
        height: 100%;
    }

    .mark, .type {
        float: left;
    }

    .mark .wikistick {
        fill: @brand-green;
    }


    .mark .wikistick.vm {
        fill: @blue3;
    }

    .type .logotype {
        fill: @white;
    }

    span.text {
        display: inline-block;
        text-indent: -9999px;
    }

    &.holiday-logo {
        position: absolute;
        left: 0;
        top: 0;
        z-index: 25;
        width: 159px;
        height: 50px;

        &.holiday-logo-mobile {
            left: 50px;
        }
    }
}

/*
  In the holiday logo, the search input should
  come below the logo

  Moves the search bar 20px to the left
  but increases search bar width by 20px
  and increases left padding of the search bar
  to compensate.
*/
.oh-search-holiday-logo-version #search7 input[name=q] {
    position: relative !important;
    margin-left: -20px !important;
    padding: 3px 25px 2px 25px !important;
    width: 195px !important;
}

/*
 * The native Android browser before Android 5.0 needs a width for floated 
 * elements wrapping an SVG, otherwise it will have a 0 width.
 * 
 * All versions of IE also need a fixed width, but it defaults to the nearest 
 * parent width, even if it's for container elements and breaks things.
 */

/* Header Logo */
#overhead, #join #header, #inter .header, #hpto .header, .overhead-user-menu-dropdown {
    #deviantart-logo {
        .mark { width: 18px; margin-right: 3px; }
        .type { width: 109px; }
    }
}

#world {
    #deviantart-logo {
        position: absolute;
        top: 10px;
        left: 10px;
        height: 36px;
    }
}

/*
@@include cssms/lib/mixins/css3.css
@@require cssms/lib/thumbnails.css
*/

#depths {
    clear:both;
    padding:0;
    background: #506256;
    color:#d8e4d8;
    font-size:8.25pt;
    border-top: 1px solid #e1e9e0;
    margin:0 18px;
}

#depths a { 
    color: #eaf2ee; text-decoration: none;
}
#depths a:hover {
    color: #C0D0CA; text-decoration: underline;
}

#depths .smbutton,
#depths .smbutton:hover {
    color: #121516;
}

#depths span.f1 a {
    font:8.25pt Verdana,sans-serif;
    margin:0;
    color:#C0D0CA;
}
#depths td.f {
    padding-right:4em;
}
#depths h2 { font: bold 15pt 'Trebuchet MS', Trebuchet, sans-serif; color: #c0d0ca; margin: 15px 0 0 0; cursor:default }
#depths h3 { font: 8.25pt Verdana,sans-serif; margin: 12px 0 0 0; }


#depths i.bbl,
#depths i.bbr {
    top:-19px;
}
#depths i.c {
    border-color:#728776;
}
#depths i.c b {
    background:#728776;
}
#depths div i.c {
    border-color:#4D625D;
}
#depths div i.c b {
    background:#4D625D;
}



#copyright {
    color: #7B8E7A;
    font-size: 0.97em;
    margin-top: 15px;
}

.dictionary em.example .emoticon { vertical-align: top; position: relative; top: 2px; left: 2px; }


#deviantART-v7 footer#depths {
    /* should have 0 padding for sticky mode */
    clear: both;
    color: #d8e4d8;
    font-size: 8.25pt;
    margin: 0px;
    text-align: center;
    border: 0;
    overflow: hidden;
}

#deviantART-v7 footer#depths .depths-inner {
    padding: 0 0 10px 0;
    background: #506256;
    border-top: 1px solid #e1e9e0;
    box-sizing: border-box;

    &.sticky {
        width: 100%;
        position: fixed;
        z-index: 100;
        left: 0;
        bottom: 0;
    }
}

#deviantART-v7 footer#depths a {
    color: #a9b1a6;
    text-decoration: none;
    margin-right: 4px;
    margin-left: 4px;
}

#deviantART-v7 footer#depths a:hover {
    color: #c0d0ca;
    text-decoration: underline;
}

#deviantART-v7 footer#depths div.footer_copyright {
    display: inline-block;
    color: #C4D1C5;
    margin: 10px 10px 0 10px;
}

#deviantART-v7 footer#depths .footer_tx_links {
    display: inline-block;
    position: relative;
    color: #a9b1a6;
    margin: 10px 10px 0 10px;
}

#depths div.footer_links {text-align:center; overflow:hidden; width: 100%; padding: 30px 0 20px 0; }
#depths .footer_tx_links {margin:10px 0px 0px 0px;position:relative; color:#a9b1a6;}
#depths div.footer_links .footer_tx_links a { color: #a9b1a6; text-decoration: none; }
#depths div.footer_links .footer_tx_links a:hover { color: #C0D0CA; text-decoration: underline; }
#depths div.footer_links .footer_tx_links span.oo { margin:0px 8px 0px 8px;position:relative;top:-2px}

#depths div.footer_links div.switch_mode { margin: 10px 0 0; }
#depths div.footer_links div.switch_mode a { color: #a9b1a6; text-decoration: none; }
#depths div.footer_links div.switch_mode a:hover { color: #C0D0CA; text-decoration: underline; }

#depths div.base-pane { position: relative; }
#depths div.base-padding { position:relative; overflow:hidden; padding:20px 16px 0px 16px; }

/* superslim is when the page requests a tiny footer without the panels */
#depths.superslim div.footer_links { padding: 15px 0; }

/* T26162 Never allow the empty safeframe to be displayed, this will ignore populated ones which have # */
iframe[src="http://tpc.googlesyndication.com/safeframe/1-0-2/html/container.html"],
iframe[src="https://tpc.googlesyndication.com/safeframe/1-0-2/html/container.html"] {
    display: none !important; /* We really never need this shown */
}

.footer-menu-list {
    margin: 0;
    padding: 0;
    list-style: none;
}
.footer-menu-list-item {
    display: inline;
}

div.tabselect {
    margin: 15px 0;
    width: 100%;
    clear: both;
    float: left;
    overflow: hidden;
}
div.tabselect-wrapper {
    clear: left;
    float: left;
    position: relative;
    left: 50%;
}
div.tabselect a.tab,
body.gruze div.bubbleview div.tabselect a.tab {
    box-shadow:rgba(255, 255, 255, 0.898438) 0px 1px 0px 0px inset, rgba(100, 100, 100, 0.0976562) 0px 1px 2px;
    .box-sizing(border-box);
    .linear-gradient(#F1F4F1, #EAEEE9);
    border: 1px solid #AFBEB0;
    border-right-width: 0;
    color: #121516;
    display: block;
    float: left;
    position: relative;
    right: 50%;
    font-size: 12px;
    line-height: 30px;
    padding: 0 24px;
    text-align: center;
    text-decoration: none;
    text-shadow: white 0px 1px 0px;
}
div.tabselect a.tab:hover,
body.gruze div.bubbleview div.tabselect a.tab:hover {
    .linear-gradient(#ffffff, #f3f4f5);
}
div.tabselect a.tab:active,
body.gruze div.bubbleview div.tabselect a.tab:active {
    .linear-gradient(#cad4c5, #e1e6df);
    box-shadow:inset 0 2px 4px rgba(170, 181, 165, 0.3), inset 0 2px 10px rgba(170, 181, 165, 0.5), inset 0 -1px 4px rgba(170, 181, 165, 0.3) , 0 1px 0px rgba(255, 255, 255, 0.2) !important;
}
div.tabselect a.tab.selected,
div.tabselect a.tab.selected:hover,
body.gruze div.bubbleview div.tabselect a.tab.selected,
body.gruze div.bubbleview div.tabselect a.tab.selected:hover {
    color: #2c3635;
    .linear-gradient(#cad4c5, #e1e6df);
    box-shadow:inset 0 2px 5px rgba(170, 181, 165, 0.5), 0 1px 0px rgba(255, 255, 255, 0.2) !important;
}
div.tabselect a.tab.selected:hover,
body.gruze div.bubbleview div.tabselect a.tab.selected:hover {
    .linear-gradient(#d8e1d4, #e1e6df);
}
div.tabselect a.tab.left {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}
div.tabselect a.tab.right {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-right-width: 1px;
}

.nav2 {
    white-space:nowrap;
    margin-bottom:1.4em;
}
.nav2 .shadow {
    background:none !important;
}
.nav2 strong,
.nav2 del
 {
    cursor:default;
}
.nav2 del {
    color:#BBB;
}
.nav2 a:hover,
.nav2 a:focus,
.nav2 a.hover {
    background-color:#C4CDC8;
    text-decoration:none;
}




.nav2 del {
    font-size:8.25pt;
    text-decoration:none;
    margin-left: 5px;
    margin-right: 5px;
}
.nav2 strong,
.nav2 a {
    font-size:8.25pt;
    font-weight:bold;
    background:#BECEBC;
    color:#337287;
    padding:2px 4px;
    border:1px solid #BECEBC;
    margin:0 3px 0 4px;
}
.nav2 strong {
    background:#E4EAE3;
    color:#485856;
    border-color:#BECEBC;
}
.nav2 a.page,
.nav2 a.l,
.nav2 a.r {
    background:transparent;
    border:0;
}
.nav2 {margin-bottom:10px}



/* move me! */
.blues-bar .nav2 {margin:0}
.mczone-title .nav2 {margin:0;top:4px !important}
.blues-bar .nav2 a,
body.gruze div.bubbleview .blues-bar .nav2 a,
.mczone-title .nav2 a,
.gruze-sidebar a.l
 {
    padding:7px 8px 2px 26px;
    height:19px;
    display:inline-block;
    margin:0 3px;
    text-decoration:none;
    color:#5E7570;
    font-weight:normal;
    font-size:9pt;
    background-image:url(/minish/gruzecontrol/pager.gif);
    border-right:1px solid #AEBEB2;
    border-style:none solid;
}

.gruze-sidebar a.l {
    margin-top: 15px;
    border-left: 0;
}
.blues-bar .nav2 a.l:hover  {      background-position:0 -28px }
.blues-bar .nav2 a.l:active {      background-position:0 -56px }

/*
critique-related deviation page styles

@@require cssms/pages/misc/gmbutton2.css
@@include cssms/lib/mixins/css3.css
*/

div.bubbleview div.comments span.shadow span {
    background: transparent none;
}

div.critiqueinfo span.status {
    margin-left: 2em;
}

div.critique-plate div.gr{
    padding: 18px 50px 20px 50px;
    text-align: center;
}
.critique-plate div.gr {
    padding: 10px;
}
.critique-plate p {
    text-align:center;
    color:#000;
}

.critique-plate p.critique-recommendation {
    width: 430px;
    margin: 13px auto;
    line-height: 19px;
}

.critique-plate .iemc .mc {
    width: 120px;
}

.critique-plate .iemc {
    position: relative;
    margin-top: 25px;
}

.critique-plate .iemc a.critique-moreabout {
    position: absolute;
    right: 0px;
    top: 6px;
    color: #337287;
}

div#critique_modal h2{
    position: relative;
    width: 100%;
    padding:5px 0 0 0;
    font-size:13.5pt;
    font-weight:normal;
    letter-spacing:0;
}
div.critique_modal div.leftSide {
    width: 490px;
    float: left;
}
div.critique_modal div.rightSide {
    float: left;
    margin-left: 20px;
}
div.critique_information div.altview,
div.critique_modal div.rightSide div.altview {
    position: relative;
    display:block;
    background-color: #e6ede4;
    margin-top:5px;
    padding:  0 18px 2px 12px;
}
div.critique_modal .gmbutton2town {
}
div.critique_information div.altview {
    width: 500px;
    padding:  12px;
    margin: 0px;
}
div.critique_information div.altview i.c {
    border-color: #555;
}
div.critique_modal table.ratings tr {
    height: 35px;
    font-size: 13px;
}
div.critique_modal table.ratings td.r {
    text-align:right;
}

div.critique_modal table.ratings td.r {
    text-align:right;
}
#critique_modal div.preview_img {
    display:block;
    position:relative;
    overflow:hidden;
    text-align: center;
    margin: 16px 12px;
    .user-select(none);
}

#critique_modal div.preview_img.preview_lit {
    max-height:200px;
    background-color: #D6DED4;
    text-align:left;
    padding:8px;
    overflow:auto;
}
#critique_modal div.preview_img img {
    max-width:100%;
}
div.cssShadow/*, .modal*/ {
    box-shadow:2px 2px 4px rgba(0,0,0,.65);
}

div.critique_modal {
    width: 776px;
    padding: 12px;
    padding-top:24px;
}
div.critique_modal div.bubbleview {
    background-color: #CCD9C8;
}
div.critique_modal div.altview {
    position: relative;
    display:block;
    background-color: #e6ede4;
    margin-top:5px;
    padding:  4px 18px 4px 12px;
    width: 200px;
}
div.critique_modal div.blues-bar div.blues-bar-ctrl {
    background: #b9cbb5;
}
div.critique_modal span.shadow {
    text-align:left;
    background-position:left top;
    background-repeat:no-repeat;
}

div.critique_modal textarea.critique_text {
    width:472px;
    margin-top:4px;
}

div.critique_modal div.preview {
    clear: both;
    height: 191px;
    overflow: scroll;
    margin-top:4px;
    border:1px solid #A6B2A6;
    border-radius:4px;
}

div.critique_modal .critique_body .critique .ch {
    text-align: right;
    float:right;
    width:170px;
}
div.critique_modal .critique_body .critique span {
    float:left;
}

div.ratingbox {width:102px;}


.critmod div.ratingbox a {
    margin-left: 0px;
}

.critmod div.hh .ll .ar,
.critmod div.hh .rr .ar {
    width: 220px;
}

.critmod .critsummary,
.critmod .critsummary {
    padding-right:220px;
    word-wrap:break-word;
}
div.handCursor a {cursor: pointer}

#critique_modal div.critiqueTip{
    display:none;
    position:absolute;
    width:340px;
    height:138px;
    left:385px;
    margin-top:-140px;
    font-size:0.9em;
    border:1px solid #999;
    border-radius:5px;
    box-shadow:1px 1px 2px #999;
    z-index:200;
}



/* sleekup2 */
#deviantART-v7 #deviation_critiques div.meta,
#deviantART-v7 #deviation_critiques div.critique {
    margin-left: 5px;
}
#deviantART-v7 #deviation_critiques div.critique_feedback {
    margin-left:5px;
}
#deviantART-v7 #deviation_critiques .gr-body {
    overflow: visible;
}
#deviantART-v7 #deviation_critiques .author-icon {
    left: -67px;
}
#deviantART-v7 #deviation_critiques .user-symbol {
    color: #3b5a4a;
}
.altview {
    background-color:#BFCEC3;
    border-radius:5px;
}
.altaltview {
    background-color:#CAD5CD;
    border-radius:5px;
}
.altaltview>i.c,.altview>i.c {display:none}

#critique_itempage_page {
    width: 720px;
    margin: auto;
}

#critique_itempage_page #comments {
    width: auto;
}

#critique_itempage_deviation {
    float: left;
    margin-left: -26px;
}

#critique_itempage_deviationinfo {
    padding-top: 25px;
}

#critique_itempage_deviationinfo h4 {
    margin-top: 1px;
    font-weight: normal;
}

#critique_itempage_deviationinfo_details {
    margin-top: 15px;
    font-size: 11px;
}

#critique_itempage_vote {
    text-align: center;
    float:left;
}

#critique_itempage_critique .date {

    font-size: 10px;
    font-style: italic;
    color: #748C7E;
}

#critique_itempage_critique td {
    padding: 8px;
    vertical-align: top;
}

#critique_itempage_critique .author a,
#critique_itempage_critique .author {
    color: #1E1F1E;
    font-size: 16px;
}

#critique_itempage_critique .critique {
    border-bottom: 1px dotted #BDCCBF;
    min-height: 121px;
    width:465px;
    padding-bottom: 10px;
    padding-top: 10px;
    margin-bottom: 10px;
}

#critique_itempage_ratings {
    margin: 10px;
}

table#critique_itempage_ratings td {
    font-size: .8em;
    padding: 2px;
}

#critique_itempage_devious_label {
    font-weight: bold;
}

#critique_itempage_devious_border {
    border-bottom: 1px dotted #748C7E;
    margin: 4px 8px;
}

#critique_itempage_ratings .critique-itempage-ratinglabel {
    padding-bottom: 0px;
    padding-left: 10px;
    color: #7B9284;
}

#critique_itempage_ratings .critique-itempage-ratingvalue {
    padding-bottom: 5px;
}


.resview7-view .journal-wrapper {
    margin: 0 auto;
    margin-bottom: 12px;
    padding-left: 8px;
    overflow:hidden;
}

body.fullview .resview7-view .journal-wrapper-fullview {
    max-width: none;
    /* Fullview has a small top padding for images that do not touch the walls of the page,
       as the gap on the left and the right approaches 0, that top gap decreases too.
       Journals always touch the walls of the page, and do not need the gap.
    */
    margin-top: -7px;
    padding: 0;
}
body.fullview .view-mode-full .dev-view-deviation .journal-wrapper {
    margin-top: -10px;
}

/* 
 * admins can access a show journal as fullview checkbox
 * in the journal edit page or stash writer
 */
label[for="journal_show_as_fullview"] {
    display: none;
}
body.writer, .journal-editor {
    label[for="journal_show_as_fullview"] {
        display: inline-block;
    }
}

.resview7-view .journal-wrapper .journal,
.dev-view-deviation .journal-wrapper .journal {
    position: relative;
}

.resview7-view .journal-wrapper .journalcontrol > .box,
.dev-view-deviation .journal-wrapper .journalcontrol > .box,
.resview7-view .journal-wrapper .blogcontrol > .box,
.dev-view-deviation .journal-wrapper .blogcontrol > .box {
    margin-bottom:0;
}
.resview7-view .journal-wrapper .journalcontrol > .gr-box,
.dev-view-deviation .journal-wrapper .journalcontrol > .gr-box,
.resview7-view .journal-wrapper .blogcontrol > .gr-box,
.dev-view-deviation .journal-wrapper .blogcontrol > .gr-box {
    margin-bottom:4px;
}

.gr-featured_deviation .c .journal-browse {
    text-align: left;
}

.gr-featured_deviation .c .journal-browse .journal {
    cursor: pointer;
}

.gr-featured_deviation .c .journal-browse .journal-footer {
    display:none;
}

#journal_main .stream,
.journal-module.journal-stream {
    text-align: left;
}

#journal_main .stream div.journal-wrapper.tt-a,
.journal-stream div.journal-wrapper.tt-a {
    display: block;
    width: auto;
}

.journalcontrol,
.blogcontrol {
    /* important skin-control mechanism */
    position:relative;
    overflow:hidden; /* contain floated journalboxes and crop them if they want to escape container */
}

.journal {
    margin: 10px 0px 20px 0px;
}

.fullview .journal {
    margin-top: 0;
}

.fullview .journal-green .gr-genericbox {
    margin-top: 0;
}



.journal .gr-box  {
    position:relative;
    margin:0;
    overflow:hidden;
}

.journal .gr-box img, .journal .journalbox img {
    max-width: 100%;
    vertical-align: baseline;
}
.ie.lt9 .journal .gr-box img,
.ie.lt9 .journal .journalbox img {
    width: auto;
}

.blogcontrol .grf-indent li.f,
.journalcontrol .grf-indent li.f {
    padding-left:32px;
}
.journalcontrol i.tri,
.blogcontrol i.tri {
    background-position:0 -40px;
}

.blogcontrol .grf-indent .text,
.journalcontrol .grf-indent .text {
    padding:15px 15px 37px 33px;
}

div.blogcontrol div.gr-top div.gr,
div.journalcontrol div.gr-top div.gr {
    padding-left:32px !important;
    position:relative;
}
div.blogcontrol div.gr-top h2 a,
div.journalcontrol div.gr-top h2 a {
    text-decoration:none;
}
div.blogcontrol div.gr-top h2 a:hover
div.journalcontrol div.gr-top h2 a:hover {
    text-decoration:underline;
}
div.blogcontrol div.gr-top div.gr img,
div.journalcontrol div.gr-top div.gr img {
    position:absolute;
    left:-23px;
    top:12px;
}
div.blogcontrol div.gr-top span.author img.avatar,
div.journalcontrol div.gr-top span.author img.avatar {
    display:none;
}

ul.list {
    font-size:8.25pt;
}
ul.list li.f {
    padding:4px 12px;
    font-size: 8.25pt;
}

#dv7 ul.list li.a,
body.gruze ul.list li.a,
body.gruze div.gr-box div.gr-body table.grf tr:nth-child(even) {
    background:#CCD9CD;
}

#dv7 ul.list span.side,
body.gruze ul.list span.side,
body.gruze ul.list span.midside {
    float:right;
    position:relative;
    margin-left: 1ex;
}
body.gruze ul.list span.midside {
    padding: 0 4ex;
}

/* journal skins */

div.skin_attribution {
    text-align:center;
    font-size:9pt;
    color:#86968A;
    margin-bottom:20px;
}
div.skin_attribution a {
    color:#86968A !important;
}

/*
 Overrides for all-short and first-long journals
*/
.journal-module.all-short .journal,
.journal-module.all-short .journal .gr-box,
.journal-module.first-long .journal-wrapper:not(.long-journal) .journal,
.journal-module.first-long .journal-wrapper:not(.long-journal) .journal .gr-box{
    margin: 0;
    max-height: 350px;
    overflow: hidden;
    cursor:pointer;
}

.journal-module .journal-footer {
    display:none;
}

.journal-module .journal-wrapper .journal-footer {
    display:block !important;
    margin: 20px 0 25px 5px;
    position: relative;
}

.journal-module.journal-stream  .journal-wrapper .journal-footer .more
  {
    float: none;
    color: #125780;
    font-weight: bold;
    position: absolute;
    top: -15px; left: 0;
    width: 100%; /* IE7 :( */
}

.journal-stream .journal-wrapper .journal-footer .comments,
.journal-stream .journal-wrapper .journal-footer .faves {
    color: #94A98F !important;
}

/* do not display date on group blogs (they don't have the journal-stream class) */
.journal-module .journal-wrapper .journal-footer .date {
    display:none;
}

.journal-stream .journal-wrapper .journal-footer .date {
    display:block;
    font-weight: bold;
    position: absolute;
    top: -15px; right: 0;
}

#journal_main .stream {
    position: relative;
}

/* different margins for user pages vs group pages T1762 */
#group .journal-module div.journal {
    margin: 0px;
}

.journal-module .more-journals-link {
    color: #106aaa !important;
    font-family: "Trebuchet MS", sans-serif;
    font-size: 13pt;
    font-weight: bold;
    margin-top: -5px;
    padding-bottom:15px;
    display:block;
}

.journal-module .more-journals-link:hover {
    text-decoration: none;
}

.journal-module .write-journal-button {
    float:right;
    margin-top:-41px;
}

/*
 end overrides
*/

/* It's the default skin from here on in */

/*
.journal-green .gr-body .text,
.journal-green .gr-body img {
    max-width: 540px;
}
.journal-green .gr-body ul.list {
    max-width: 520px;
}
*/

.journal-green .gr-box {
    margin: 0;
    border: 1px solid #BDC8BC;
    background: #FFFFFA;
    padding: 15px 0;
    position: relative;
    overflow: hidden;
}

.journal-green .gr-top {
    background: transparent;
    padding: 0 0 10px 20px;
    border: 0;
    margin-top: -2px;
}

.journal-green .gr-top .gr .mavatar {
    margin-top: 2px;
    display:none;
}

.journal-green .gr-top .gr .avatar {
    position: relative;
    top: 0; left: 0;
    width: 25px; height: 25px;
    float: left;
}

.journal-green .gr-top ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.journal-green .gr-top ul li {
    font-size: 10px;
    height: 15px;
    line-height: 0.8em;
    color: #979595;
}

.journal-green .gr-top ul li a.u {
    color: #146e8f;
}

.journal-green .gr-top .tri {
    display: none;
}

.journal-green .gr-top .gr {
    background: transparent;
    border: 0;
    padding: 0 !important;
    font-size: 10px;
    line-height: 0.8em;
    color: #979595;
}

.journal-green.blogcontrol div.gr-top div.gr,
.journal-green.journalcontrol div.gr-top div.gr {
    padding-left: 10px !important;
}

.journal-green .gr-top .gr h2 a {
    color: #262424;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 27px;
    font-weight: normal;
    line-height: 1.5em;
    width: 90%;
}

.journal-green .gr-body {
    background: transparent;
    border: 0;
}

.journal-green .gr-body .gr {
    border: 0;
}

.journal-green .gr-body .text {
    margin: 0 auto;
    line-height: 1.5em;
    font-size: 13px;
    z-index: 20;
    position: relative;
    word-wrap: break-word;
    overflow-wrap: break-word;
}

.journal-green .gr-body ul.list {
    padding:0 15px 0 32px;
    margin: 0 auto;
    z-index: 20;
    position: relative;
}

#dv7 .journal-green .gr-box .gr-body ul.list li.f,
body.gruze .journal-green .gr-box .gr-body ul.list li.f {
    padding-left: 0;
    background:none;
}

.journal-green div.gr-body div.text h1 {
    font: bold 24px Trebuchet MS, sans-serif;
}
.journal-green div.gr-body div.text h2 {
    font: bold 20px Trebuchet MS, sans-serif;
}
.journal-green div.gr-body div.text h3 {
    font: bold 17px Trebuchet MS, sans-serif;
}
.journal-green div.gr-body div.text h4 {
    font: bold 13px Verdana, sans-serif;
}
.journal-green div.gr-body div.text h5 {
    font: bold 11px Verdana, sans-serif;
}
.journal-green div.gr-body div.text blockquote {
    margin: 1em 0 1em 1em;
    padding:0.6em;
    border-left: 5px solid #aaa;
}
.journal-green div.gr-body div.text div.float-left {
    float:left;
    border:2px solid red;
}
.journal-green div.gr-body div.text div.float-right {
    float:right;
    border:2px solid blue;
}

.journal-green .gr1, .journal-green .gr2 {
    display: block;
    border: 0;
    position: absolute;
    bottom: 0;
    height: 200px;
    width: 200px;
    z-index: 10;
}

.journal-green i.gb, .journal-green .gr3 {
    /* footer ones and the one we don't care about in the header, no more */
    display: none;
}

.journal-green .gr-box .gr1 {
    left: -4px;
    background: url(/blogskins/green/bl_curl.png) no-repeat scroll 0 bottom transparent;
}

.journal-green .gr-box .gr2 {
    right: 0;
    background: url(/blogskins/green/br_curl.png) no-repeat scroll 0 bottom transparent;
}

.journal-wrapper .journalcontrol li.author span.user-symbol {
    line-height: 0.6em;
}

/* a few common editing tweaks relating to this skin: */;
.journal-editor #journal-edit-container .journal-green .gr-top h2,
#stashwriter_journal .journal-green .gr-top h2 {
    padding:0 17px 0.5em 0;
}
.journal-editor #journal-edit-container .journal-green #journal-subject,
#stashwriter_journal .journal-green #journal-subject {
    margin-bottom:0.5em;
    font-size:27px;
    font-weight:normal;
    border-color:#ddd;
}
.journal-editor #journal-edit-container .journal-green #journal-subject {
    width:100%
}
/* end editing */

.journal-wrapper .copyright {
    text-align: left;
    font-size: 11px;
    color: #979595;
    padding-top: 4px;
}
.journal-wrapper .journal-buttons {
    float:right;
}

.journal-footer {
    height: 15px;
    margin: 15px 20px 50px 25px;
}

div.bubbleview .journal-footer a {
    color: #94A98F;
    font-size: 12px;
}

.journal-footer a.more {
    float: right;
    font-size: 13px;
}

.journal-footer a.comments {
    float: left;
}

.journal-footer a.comments em {
    display: inline-block;
    background: url('/minish/journalbrowse/comments_ratings_mini.png') no-repeat 0 3px;
    width: 15px;
    height: 15px;
    margin-right: 3px;
}

.journal-footer a.faves {
    float: left;
    margin-left: 18px;
}

.journal-footer a.faves em {
    display: inline-block;
    background: url('/minish/journalbrowse/comments_ratings_mini.png') no-repeat -16px 3px;
    width: 15px;
    height: 15px;
    margin-right: 3px;
}

/* now, lit-toolbar stuff: how the modifiers work */
.free-literature.mod-size div.text {
    font-size:large;
    line-height:1.6em;
}
.free-literature span.push {
    display:none;
}
.free-literature.mod-indent span.push {
    display:inline;
}
.free-literature.mod-indent br.redundant {
    display:none;
}
.free-literature.mod-font div.text {
    font-family:serif;
}
.free-literature.mod-black,
.free-literature.mod-black .gr-box {
    background:#222;
}
.free-literature.mod-black .gr-box {
    border-color:transparent;
}
.free-literature.mod-black td div,
.free-literature.mod-black .gr-box div {
    color:#eee;
}
.free-literature.mod-black td div h1,
.free-literature.mod-black td div a,
.free-literature.mod-black .gr-box h1,
.free-literature.mod-black .gr-box a,
.free-literature.mod-black.journal-green .gr-top ul li a.u,
.free-literature.mod-black.journal-green .gr-top h2 a {
    color:#ddd;
}
.free-literature.mod-black div.textbar i.tl,
.free-literature.mod-black div.textbar i.tr,
.free-literature.mod-black div.gr-box > i {
    visibility:hidden;
}
.free-literature.mod-center div.text {
    /* triggers some automatic centering and width-based-on-content */
    display:table;
}
.free-literature.mod-center-forced div.text {
    width:80%;
    max-width:800px;
}

/* the bar itself */
.free-literature div.textbar {
    position:absolute;
    top:1px;
    right:50px;
    .user-select(none);
    z-index:25;
}
.free-literature.mod-black div.textbar i {
    border-color:#222;
}
.free-literature.mod-black div.textbar i b {
    background:#222;
}
.free-literature div.textbar a {
    float:left;
    background: rgba(212,223,208,0.4);
    color: #BDC8BC;
    width: 32px;
    height: 25px;
    line-height: 26px !important;
    margin-right: 0;
    text-align:center;
    text-decoration:none !important;
    font-size: 16px;
}
.free-literature.mod-black div.textbar a {
    background:#444;
    color:#EEE;
}
.free-literature div.textbar a:active {
    background:rgba(212,223,208,0.7);
    color:#B1C81D;
}
.free-literature div.textbar a:hover {
    color: #95AA8D;
    background-color: rgba(212,223,208,0.7);
}
.free-literature div.textbar a:first-of-type {
    border-radius: 0 0 0 3px;
}
.free-literature div.textbar a:last-of-type {
    border-radius: 0 0 3px 0;
}
.free-literature.mod-black div.textbar a:hover {
    color: #fff;
    background-color: rgba(0,0,0,0.5);
}


.free-literature div.textbar a.t-size {
    font: bold 11px arial, sans-serif;
    letter-spacing: -2px;
}
.free-literature div.textbar a.t-size span {
    font-size:16px;
}
.free-literature div.textbar a.t-font {
    font: 15px georgia, times new roman, serif;
}
.free-literature div.textbar a.t-black {
    position: relative;
}
.free-literature div.textbar a.t-black span {
    font-size:7pt;
    background-color: #fff;
    display: block;
    position: relative; top: 9px; left: 13px;
    width: 12px; height: 12px;
    z-index: 2;
}
.free-literature div.textbar a.t-black span:after {
    content: "";
    background-color: #BDC8BC;
    display: block;
    position: relative; top: -29px; left: -3px;
    width: 12px; height: 12px;
    z-index: 1;
}

.free-literature.mod-black div.textbar a.t-black span {
    background:#777;
}
.free-literature div.textbar a.t-black:active span {
    background:#B1C81D;
}
.free-literature div.textbar a.t-black:hover span:after {
    background-color: #95AA8D;
}
.free-literature.mod-black div.textbar a.t-black span:after {
    background: #fff !important;
}
.free-literature div.textbar a.t-center {
    font:  14px arial, san-serif;
}
.free-literature.journal-green div.gr-box > i {
    display:none;
}

div.modal-devwatch {
    width:600px;
}

div.modal-devwatch .modal-devwatch-remove {
    text-align:center;
    margin:1ex auto;
    color:#597465;
    font-size:12pt;
    font-family:'Trebuchet MS', sans-serif;
    font-weight:bold;
    text-shadow: 0px 1px 1px #ccc;
}
div.modal-devwatch .modal-devwatch-remove img {
    vertical-align:bottom;
}

div.modal-devwatch div.ch {
    margin: 12px 0;
}

div.modal-devwatch td.modal-devwatch-username {
    font-size: 15px;
    font-weight: bold;
    padding-left: 5px;
}
div.modal-devwatch td.modal-devwatch-username b {
    color: #196BA7;
}

div.modal-devwatch-group .modal-devwatch-relationships,
div.modal-devwatch-group .scraps,
div.modal-devwatch-group .critiques {
    display:none;
}

div.modal-devwatch div.modal-devwatch-options {
    padding: 10px;
    background-color: #E2EEE1;
    border-radius: 4px;
    border:  1px solid #C1CBC3;
    position: relative;
}

div.modal.modal-rounded div.modal-devwatch div.modal-separated {
    padding-top: 7px;
}

div.modal-devwatch h3 {
    font-size: 12px;
    font-family: Verdana, Helvetica, sans-serif;
    color: #373b36;
    margin:  10px 0;
    letter-spacing: 0;
}

span.modal-devwatch-loading {
    color: #666;
    position: absolute;
    top: 10px;
    left: 10px;
}

@media only screen and (max-device-width: 480px) {
    div.modal-devwatch {
        width:auto;
    }

    table.modal-devwatch-table td:last-child {
        display:none;
    }
}

.non-sliding-menu, .sliding-menu {border:0 !important}
.noncollapseHeader {background:transparent !important}
#facetMenu-Browse_list a {font-family:Trebuchet MS, sans-serif;font-size:10.5pt;line-height:1.4em}
.facetTagIcon {
    margin-top:0 !important;
}

.browseFacet {
    background:transparent !important;
    border:0 none !important;
}
.btd-browse {
    background:url(/minish/browse/bthead.png) repeat-x;
    border:0 none !important;
}

#browse-sidebar.categories {
    background: #D3DFD1;
    border: 1px solid #9FB1A3;
    border-width: 0 1px 0 0;
    width: 170px;
}

#browseNavbar2 {position:relative;top:8px;margin:0 20px;_z-index:23}
#browseNavbar2 {height:31px}
#mcstatus {
    background: #B9C9BB;
    color:#60706A;
    font-size: 0.8em;
    margin: 20px 15px 0 0;
    padding: 3px 0 3px 0;
    position:   relative;
    text-align: center;
    width: 155px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}


.navbarLeft .tabInactive,
#popularTimeranges a,
.browseLimitLink,
.bt-selector .bta {display:none;margin:0;padding-left:8px;text-decoration:none !important}
.bt-selector span.bta {display:block}

.bt-selector:hover a, #popularTimeranges .selected,
.bt-selector:hover .tabInactive, .navbarLeft .tabActive,
.bt-selector-hover a, #popularTimeranges .selected,
.bt-selector-hover .tabInactive, .navbarLeft .tabActive, .navbarLeft .switcher span
    {display:block !important;margin:0;padding-left:8px;text-decoration:none !important;}
.bt-selector:hover .browse-limits a,
.bt-selector-hover .browse-limits a {border:1px solid #e5ece3;position:relative;top:-1px;}
.bt-selector-hover .tabInactive{padding-left:0px !important;}
#popularTimeranges span,
.browse-limits .active {display:block;padding-left:8px} 
#popularTimeranges {width:100px;float:left}
#popularTimeranges .switcher {white-space:nowrap;padding:0}

.browse-container .tt-a span.t,
.browse-container .tt-a a.t,
#browse2 .tt-a span.t,
#browse2 .tt-a a.t {
    color: #337287;
    font-weight: bold;
    font-size: 8.25pt;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    padding: 4px 0;
    margin:-4px 0;
}
#browse2 .tt-a:not(.tt-fh) span.t,
#browse2 .tt-a:not(.tt-fh) a.t {
    max-width: 205px;
}

#browse2 .tt-narfed,
.browse-container .tt-narfed {
    display: none !important; 
} 

.bt-selector {position:relative;width:120px;float:left;height:1.9em;cursor:pointer;margin:4px 0 0 8px;z-index:23}
.bt-mid {
    position:absolute !important;
    left:0px !important;
    top:0px !important;
    margin:0 !important;
    border:1px solid #9FB1A3;
    width:100%;
    line-height:1.9em;
}
.bt-mid,
.bt-mid a:last-child {
    border-bottom-left-radius:6px;
    border-bottom-right-radius:6px;
}
.bt-mid,
.bt-mid a:first-child {
    border-top-left-radius:6px;
    border-top-right-radius:6px;
}


.bt-mid {
    background:#DFE8DD url(/minish/browse/btselector.png?3) top right ;
}
.bt-mid a,.bt-mid span {position:static !important}
.bt-selector a, .bt-selector span {color:#2C3635 !important;font-weight:normal !important;text-shadow:none !important;font-size:8.25pt}

.bt-selector:hover .tabActive,
.bt-selector:hover .selected,
.bt-selector:hover .switcher span,
.bt-selector-hover .tabActive,
.bt-selector-hover .selected,
.bt-selector-hover .switcher span,
.bt-selector-hover .active {font-weight:bold !important;color:#B1623E !important}

.bt-selector:hover .bt-mid,
.bt-selector:hover .bt-mid,
.bt-selector-hover .bt-mid {background:#E5ECE3;}
.bt-selector a:hover, .tabInactive:hover {background:#4A899B;color:#EEE !important}
.bt-selector a.selected:hover, .bt-selector .tabActive:hover {background:transparent}

.browse-limits-h {float:right;position:relative;width:7.3em;white-space:nowrap;right:1.4em;top:-3px}

/* for browse_navigation */
.new-browse-nav.bt-selector .tabInactive, .new-browse-nav.bt-selector:hover a { padding-left:0px; }
.new-browse-nav.bt-selector .bt-mid { width:110%; }
.new-browse-nav.bt-selector:hover span, .new-browse-nav.bt-selector:hover .selected, .new-browse-nav.bt-selector:hover .switcher span { padding-left: 16px; }
.new-browse-nav.bt-selector .bt-mid hr {
    border: 0;
    color: #9FB1A3;
    background-color: #9FB1A3;
    margin: 4px 0;
    display: none;
    height: 1px;
}
.new-browse-nav.bt-selector:hover .bt-mid hr {
    display: block;
}


/* browse */
table.browse2:not(:-moz-any-link) {border-collapse:separate !important;border-spacing:0}

.btd-browse .browse-limits-h {
    margin-top:7px;
}


/* shop */
#shirtImg {display:none}
#headerZone, #browse2 .zone_top_header {padding-top:45px}
#glitzExpander #headerZone {padding:0}
.headerPicture {background-position:0 74px !important}
.titleBackup {background-position:0 7px !important}
.barImg {display:none}
.sbox2 {
    position:absolute;
    top:85px;
    z-index:100;
}
.sbox2 a {color:#364742 !important}
.expandButton {margin-left:-9px}

/* groups */
#browse2 .catbar {margin:0 !important;border-left:0 !important;overflow:hidden}
#groupsCatBar {overflow:hidden}
#cornerRight {display:none}
#logoLeft {position:relative;left:-4px !important}
#heyboxInlineSearch {float:left;position:relative;margin:8px 25px}
#heyboxContents {overflow:hidden;background:none!important;border:none !important}
#heyboxContents {text-overflow:ellipsis;height:1.3em;max-width:95%;}
.btd-groups #heyboxContents {margin:13px 0}
#groupsDirTable {margin-top:10px}


/* search */
.btd-browse #heyboxContents {clear:left;position:relative;top:15px;margin-left:18px;left:10px;color:#5F8163;z-index:0;}
.btd-browse #heyboxContents strong {color:#4F6153}

.btd-browse #heyboxContents,
.btd-browse #heyboxContents img {vertical-align:middle}
.btd-browse #heyboxContents {margin-bottom:8px}


/* misc */
.browse2-feeds {
    width:115px;
    height:30px;
    position:absolute;
    margin-top:-1.5em
}
.btd-browse {padding-bottom:12px}
#browseNavbar2 {
    top:10px;
    min-width:730px;
}



/* facet stuff */
div.facetTagIcon {
    width: 25px;
    height: 20px;
    float: left;
    margin: -2px 0px 0px 0px;
}
div.facetTagHist {
    display: none;
    width: 15px;
    height: 10px;
    float: left;
    margin: 2px 4px 0px -10px;
    background: url(/browse/histogram_bars.png?1) no-repeat;
    background: url(/browse/histogram_bars.png/3.png) no-repeat;
}
/* Facet Area */

div.browseFacet {
    background: #d3dfd1 url(/browse/pickle_gradients.png?1) repeat-x 0px 0px; 
    border-top:1px solid #EFF3EF;
}

/* SLIDING-MENU */
.non-sliding-menu,
.sliding-menu {
    border-bottom: 1px solid #9eb1a2;
    border-top: 1px solid #dce4d9;
}

.non-sliding-menu .noncollapseHeader, 
.sliding-menu .noncollapseHeader, 
.sliding-menu .collapseHeader {
    color:#2C3635;
    cursor:text;
    display:block;
    font-family:tahoma,verdana,sans-serif;
    font-size:1.1em;
    letter-spacing:1px;
    margin: 5px 0 2px;
    padding:0px 0 2px 13px;
    text-shadow:0 1px 0 rgba(255, 255, 255, 0.6);
    font-weight: bold;

}
.sliding-menu .noncollapseHeader, 
.sliding-menu .collapseHeader {
    position: relative;
    background-color: #C5D3C2;
    z-index: 5;
}
.sliding-menu ul,
.sliding-menu li,
.sliding-menu a.more,
.sliding-menu li a {
    background-image: none;
}
.non-sliding-menu a,
.sliding-menu li {
}

.non-sliding-menu li {
    display: inline; /* for IE */
    clear: left;
}
.non-sliding-menu li.active,
.non-sliding-menu ul li a.selected,
.sliding-menu li.active,
.sliding-menu ul li a.selected,
#categories-menu ul li a.selected,
#categories-menu ul .selected {
    color:#B0623E;
    background-color: transparent;
    text-decoration:none;
    background-image: none;
    font-weight: bold;
}
.non-sliding-menu li.active a,
.non-sliding-menu ul li a.selected a,
.sliding-menu li.active a,
.sliding-menu ul li a.selected a,
#categories-menu ul .selected a{
    color: #2c3635;
    background-color: none;
    font-weight: bold;
    background-image: none;
}
.non-sliding-menu .hover, 
.sliding-menu .hover, 
.non-sliding-menu ul a:hover,
.non-sliding-menu ul a:active,
.sliding-menu ul a:hover,
.sliding-menu ul a:active,
#categories-menu ul a:hover,
#categories-menu ul a:active {
    background-color:#D6E1D2;
    background-image: none;
    background-color:#C2CCC2;
    background-position:right -100px;
    cursor:pointer;
}

.sliding-menu .hover, 
.non-sliding-menu .hover, 
.sliding-menu ul a.selected:hover,
.non-sliding-menu ul a.selected:hover {
    background-color:#C5D3C2;
}
.sliding-menu ul ul a,
.non-sliding-menu ul ul a {
    padding-left:16px;
}
.sliding-menu ul a,
.non-sliding-menu ul a {
    color:#337287;
    display:block;
    padding:4px 15px 4px 8px;
    text-decoration:none !important;
}
.non-sliding-menu * {
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    margin:0;
}
.sliding-menu ,
.non-sliding-menu {
    font-family:Verdana, sans-serif;
    font-size:11px;
}
.sliding-menu, .sliding-menu ul,
.non-sliding-menu, .non-sliding-menu ul {
    margin:0;
    width:170px;
    padding: 0 0 4px 0;
}

.holidayhq-button {
    display:block;
    background-image: url(/shop/holidayhq-button.png);
    height: 27px;
    width: 139px;
}

.holidayhq-button-menu {
    margin-left:15px;
}

.holidayhq-button-catbar {
    float:right;
    margin-top:14px;
    margin-right: 20px;
}

.holidayhq-button:hover {
    background-position: 0px -27px;
}

.holidayhq-button:active {
    background-position: 0px -54px;
}

/* Grid Wall Switcher Buttons */
.right-buttons.browse-buttons {
    float: right;
    position: relative;
    margin: 0;
    height: 30px;
    width: 200px;
    text-align: right;
    top: 0;
}

.right-buttons.browse-buttons .button {
    .linear-gradient(#E3EBE2, #C7D5C0);
    border: 1px solid #94A98F;
    border-radius: 6px 6px 6px 6px;
    @shadow: 0 1px 0 rgba(255, 255, 255, 0.5),
             0 1px 0 rgba(0, 0, 0, 0.3),
             0 1px 0 #FFFFFF inset,
             1px 0 0 rgba(255, 255, 255, 0.2) inset,
             -1px 0 0 rgba(255, 255, 255, 0.2) inset,
             0 -1px 0 rgba(255, 255, 255, 0.2) inset;
    box-shadow:@shadow;
    color: #165071;
    min-width: 0;
    padding: 6px 8px 5px;
    margin-top: 0px;
    display: inline-block;
}
.right-buttons.browse-buttons .button:hover {
    .linear-gradient(#E3EBE2, #C7D5C0);
    @shadow: 0 0 200px rgba(255, 255, 255, 0.4) inset,
             0 1px 0 rgba(255, 255, 255, 0.5),
             0 1px 0 rgba(0, 0, 0, 0.3),
             0 1px 0 #FFFFFF inset,
             1px 0 0 rgba(255, 255, 255, 0.2) inset,
             -1px 0 0 rgba(255, 255, 255, 0.2) inset,
             0 -1px 0 rgba(255, 255, 255, 0.2) inset;
    box-shadow:@shadow;
}
.right-buttons.browse-buttons .button.active {
    @shadow: 0 2px 4px rgba(0, 0, 0, 0.2) inset,
             0 2px 72px rgba(0, 0, 0, 0.1) inset,
             0 -1px 1px rgba(0, 0, 0, 0.05) inset,
             0 1px 0 rgba(255, 255, 255, 0.3);
    box-shadow:@shadow;
}
.right-buttons.browse-buttons .button.disabled:hover,
.right-buttons.browse-buttons .button.disabled:hover {
    .linear-gradient(center top, #E3EBE2, #C7D5C0);
    border: 1px solid #94A98F;
    @shadow: 0 1px 0 rgba(255, 255, 255, 0.5),
             0 1px 0 rgba(0, 0, 0, 0.3),
             0 1px 0 #FFFFFF inset,
             1px 0 0 rgba(255, 255, 255, 0.2) inset,
             -1px 0 0 rgba(255, 255, 255, 0.2) inset,
             0 -1px 0 rgba(255, 255, 255, 0.2) inset;
    box-shadow:@shadow;
}
.right-buttons.browse-buttons .button span {
    background: url("/morelikethis/thumbswitcher.png?3") repeat scroll 0 0 transparent;
    display: block;
    position: relative;
    top: 1px;
    width: 14px;
    height: 13px;
}
.right-buttons.browse-buttons .button.left,
.right-buttons.browse-buttons .button.middle {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}
.right-buttons.browse-buttons .button.right,
.right-buttons.browse-buttons .button.middle {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    margin-left: -6px;
}
.right-buttons.browse-buttons .button.thumb-wall span {
    background-position: 0 0;
}
.right-buttons.browse-buttons .button.thumb-grid span{
    background-position: 0 -52px;
}
.right-buttons.browse-buttons .button.disabled span{
    opacity: 0.5;
}

.browse-buttons {
    .button {
        .linear-gradient(center top, #E3EBE2, #C7D5C0, #D7E2D4);
        border: 1px solid #94A98F;
        border-radius: 6px 6px 6px 6px;
        @shadow:    0 1px 0 rgba(255, 255, 255, 0.5),
                    0 1px 0 rgba(0, 0, 0, 0.3),
                    0 1px 0 #FFFFFF inset,
                    1px 0 0 rgba(255, 255, 255, 0.2) inset,
                    -1px 0 0 rgba(255, 255, 255, 0.2) inset,
                    0 -1px 0 rgba(255, 255, 255, 0.2) inset;
        box-shadow:@shadow;
        color: #165071;
        min-width: 0;
        padding: 6px 8px 5px;
        margin-top: 3px;
        display: inline-block;

        .newbrowse & {
            border-radius: 3px 3px 3px 3px;
        }

        &:hover {
            .linear-gradient(center top, #E3EBE2, #C7D5C0);
            @shadow:    0 0 200px rgba(255, 255, 255, 0.4) inset,
                        0 1px 0 rgba(255, 255, 255, 0.5),
                        0 1px 0 rgba(0, 0, 0, 0.3),
                        0 1px 0 #FFFFFF inset,
                        1px 0 0 rgba(255, 255, 255, 0.2) inset,
                        -1px 0 0 rgba(255, 255, 255, 0.2) inset,
                        0 -1px 0 rgba(255, 255, 255, 0.2) inset;
            box-shadow:@shadow;
        }

        &.active {
            @shadow:    0 2px 4px rgba(0, 0, 0, 0.2) inset,
                        0 2px 72px rgba(0, 0, 0, 0.1) inset,
                        0 -1px 1px rgba(0, 0, 0, 0.05) inset,
                        0 1px 0 rgba(255, 255, 255, 0.3);
            box-shadow:@shadow;
        }

        &.disabled:hover {
            .linear-gradient(center top, #E3EBE2, #C7D5C0, #D7E2D4);
            border: 1px solid #94A98F;
            @shadow:    0 1px 0 rgba(255, 255, 255, 0.5),
                        0 1px 0 rgba(0, 0, 0, 0.3),
                        0 1px 0 #FFFFFF inset,
                        1px 0 0 rgba(255, 255, 255, 0.2) inset,
                        -1px 0 0 rgba(255, 255, 255, 0.2) inset,
                        0 -1px 0 rgba(255, 255, 255, 0.2) inset;
            box-shadow:@shadow;
        }

        span {
            background: url("/morelikethis/thumbswitcher.png?3") repeat scroll 0 0 transparent;
            display: block;
            height: 13px;
            position: relative;
            top: 1px;
            width: 14px;
        }

        &.disabled span{
            opacity: 0.5;
        }

        &.left,
        &.middle {
            border-bottom-right-radius: 0;
            border-top-right-radius: 0;
        }

        &.right,
        &.middle {
            border-bottom-left-radius: 0;
            border-top-left-radius: 0;
            margin-left: -6px;
        }
    }
}

.browse2-journals-next #browseNavbar2 .bt-selector {
    margin-left: 0;
    margin-right: 8px;
    z-index: 100;
}

.browse2-journals-next .journal-wrapper,
.results-page-row .journal-wrapper {
    max-width: 850px;
    margin: 0 auto;
    position: relative;
}

.browse2-journals-next .journal-wrapper .gr-box, .browse2-journals-next .journal-wrapper .journalcontrol,
.browse2-journals-next .journal-wrapper .gr-body, .browse2-journals-next .journal-wrapper .journaltext,
.results-page-row .journal-wrapper .gr-box, .results-page-row .journal-wrapper .journalcontrol,
.results-page-row .journal-wrapper .gr-body, .results-page-row .journal-wrapper .journaltext,
.gr-featured_deviation .journal-wrapper .gr-box, .gr-featured_deviation .journal-wrapper .journalcontrol,
.gr-featured_deviation .journal-wrapper .gr-body, .gr-featured_deviation .journal-wrapper .journaltext {
    max-height: 350px;
    overflow: hidden;
    position: relative;
}

.browse2-journals-next .journal-wrapper .journal-footer,
.results-page-row .journal-wrapper .journal-footer {
    margin: 35px 0 30px 0;
    position: relative;
}

.browse2-journals-next .journal-wrapper .journal-footer .more,
.results-page-row .journal-wrapper .journal-footer .more {
    float: none;
    color: #125780;
    font-weight: bold;
    position: absolute;
    top: -25px; left: 0;
    width: 100%; /* IE7 :( */
}

.browse2-journals-next .journal-wrapper .journal-footer .date,
.results-page-row .journal-wrapper .journal-footer .date {
    font-weight: bold;
    position: absolute;
    top: -25px; right: 0;
}

.browse2-journals-next .browse2-feeds,
.results-page-row .browse2-feeds {
    margin-top: -2.5em;
}

#journalsBrowseWrapper #journalsSidebar {
    float: right;
    width: 250px;
    margin-right: 20px;
}

#journalsBrowseWrapper #journalsSidebar h2, #journalsBrowseWrapper #journalsSidebar h3 {
    font-size: 15px;
    color: #000;
    margin: 20px 0 0 2px;
    letter-spacing: 0;
}

#journalsBrowseWrapper #journalsSidebar .submit-journal {
    width: 100%;
    font-size: 13px;
}

#journalsBrowseWrapper #journalsSidebar .submit-journal span {
    background: url('/minish/journalbrowse/submit-journal.png') no-repeat 50px 9px;
    padding: 9px 15px;
}

#journalsBrowseWrapper .journals-stream {
    margin-right: 270px;
    padding: 0 20px;
}


#journalsBrowseWrapper .journals-stream > h2 {
    color: #000;
    font-size: 22px;
    max-width: 850px;
    margin: 0 auto;
    height: 57px;
}

.browse2-journals-next #browseNavbar2 .browse-limits-h {
    display:none;
}

.browse2-journals-next #heyboxContents {
    margin-bottom: 28px;
    padding-bottom: 3px;
}

.browse2-journals-next #heyboxContents.empty {
    margin-bottom: 8px;
}

#journalsBrowseWrapper #journalsSidebar p.manifest {
    line-height: 1.6;
    margin-bottom: 16px;
}

#journalsBrowseWrapper #journalsSidebar h2.manifest {
    font-size: 22px;
    margin: 0 0 0 -2px;
    letter-spacing: 0;
}

#journalsBrowseWrapper #journalsSidebar #deviantsOnline {
    font-size: 11px;
    font-weight: normal;
    margin: 22px 0 22px 3px;
}

#journalsBrowseWrapper #journalsSidebar #newDeviants {
    margin: 30px 0 20px 0;
    height: 100px;
}

#journalsBrowseWrapper #journalsSidebar #newDeviants h3 {
    margin: 0 0 10px 2px;
}

#journalsBrowseWrapper #journalsSidebar #newDeviants ul {
    margin-left: 2px;
}

#journalsBrowseWrapper #journalsSidebar #newDeviants li {
    float: left;
    margin: 0 5px 5px 0;
}

#journalsBrowseWrapper #journalsSidebar #newDeviants li img {
    width: 25px;
    height: 25px;
}

/* polls */

#journalsBrowseWrapper #sidebarPoll {
    margin-left: 4px;
}

#journalsBrowseWrapper #sidebarPoll .pollbox {
    margin-left: 5px;
}

#journalsBrowseWrapper #sidebarPoll .pollslider-outer {
    padding:0 8px;
    margin-top: 12px;
}

#journalsBrowseWrapper #sidebarPoll .pollslider {
    min-height: 170px;
    width: 200px;
    background-image: url(/minish/journalbrowse/poll-bg.png);
    background-position: 0 3px;
    background-repeat: repeat-y;
    padding: 0 15px 0 0;
    margin-right: 15px;
    color:#585d56;
}

#journalsBrowseWrapper #sidebarPoll .lefttab {
    background-image: url(/minish/journalbrowse/poll-left-chisel.png);
    background-position: 0 3px;
    background-repeat: no-repeat;
    display: block;
    float: left;
    height: 170px;
    left: -11px;
    position: relative;
    width: 2px;
    top: -3px;
}

#journalsBrowseWrapper #sidebarPoll .righttab {
    background-image: url(/minish/journalbrowse/poll-right-chisel.png);
    background-position: 0 4px;
    background-repeat: no-repeat;
    display: block;
    float: right;
    height: 170px;
    width: 4px;
    top: -3px;
    right: -5px;
    position: relative;
}

#journalsBrowseWrapper #sidebarPoll .leftbut, #journalsBrowseWrapper #sidebarPoll .rightbut {
    border: 1px solid #7f8d7e;
    display:block;
    height: 30px;
    width: 17px;
    top: 72px;
    box-shadow:inset 0px 1px #cad1c7;
    .linear-gradient(-90deg, #cdd4ca, #babfb7, #c6d1c1);
    float: left;
    position: relative;
    cursor: pointer;
}

#journalsBrowseWrapper #sidebarPoll .leftbut {
    left: -10px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    margin-right:-1px;
}

#journalsBrowseWrapper #sidebarPoll .leftbut i, #journalsBrowseWrapper #sidebarPoll .rightbut i {
    display: block;
    height: 11px;
    width: 7px;
    cursor: pointer;
    background-image: url(/minish/main/v7footer/footer-buttons.png);
    margin-top: 10px;
    margin-left: 5px;
}

#journalsBrowseWrapper #sidebarPoll .leftbut i {
    background-position: -111px -20px;
}
#journalsBrowseWrapper #sidebarPoll .rightbut i {
    background-position: -111px -31px;
}

#journalsBrowseWrapper #sidebarPoll .leftbut.enabled:hover, #journalsBrowseWrapper #sidebarPoll .rightbut.enabled:hover {
    .linear-gradient(-90deg, #FFFFFF, #fafafa);
}

#journalsBrowseWrapper #sidebarPoll .rightbut {
    float: right;
    right: -3px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

#journalsBrowseWrapper #sidebarPoll .rightbut.disabled, #journalsBrowseWrapper #sidebarPoll .rightbut.disabled i {
    cursor: default;
    opacity: 0.5;
}

#journalsBrowseWrapper #sidebarPoll h3 {
    margin: 10px 0 0 0;
    padding: 10px 0;
    line-height: 1.4em;
    font-size: 1em;
    font-weight:normal;
    font-family: Verdana,sans-serif;
    letter-spacing: 0;
    color: #393b37;
}

#journalsBrowseWrapper #sidebarPoll .result_bars {
    position:relative;
    margin: 0 12px;
    width: 200px;
}

#journalsBrowseWrapper #sidebarPoll div.result_bars span.votenum { color: #999999; }
#journalsBrowseWrapper #sidebarPoll div.result_bars .poll-bar2 { height: 23px; width: 196px; background: transparent url(/minish/main/v7footer/footer-buttons.png) no-repeat 0 -232px; margin: 3px 0; }
#journalsBrowseWrapper #sidebarPoll div.result_bars .poll-bar2 div { height: 100%; background: transparent url(/minish/main/v7footer/footer-buttons.png) repeat-x 0 -255px; display: inline-block; margin: 0 !important; padding: 0 !important; }
#journalsBrowseWrapper #sidebarPoll div.result_bars .votes { display: inline-block; margin: 4px 4px 0 4px; vertical-align: top; color: #c0d0ca; }
#journalsBrowseWrapper #sidebarPoll div.result_bars .on .votes { float: right; }

#journalsBrowseWrapper #sidebarPoll .results ul { margin: 0 0 12px 13px; padding: 0; }
#journalsBrowseWrapper #sidebarPoll .results ul li { list-style-type: none; line-height: 1.4em; font-size: 11px; margin-bottom: 1em; }
#journalsBrowseWrapper #sidebarPoll .results ul li input { margin: 0 5px 0 0; }

#journalsBrowseWrapper #sidebarPoll .voterow { height: 45px; padding: 0 9px 0 4px;}

#journalsBrowseWrapper #sidebarPoll .vote { float: left; padding: 3px; }

#journalsBrowseWrapper #sidebarPoll .vote {
    padding: 0;
    height: 33px;
}

#journalsBrowseWrapper #sidebarPoll .vote .smbutton {
    margin-top: 1px;
    margin-left: 3px;
}

#journalsBrowseWrapper #sidebarPoll .totalvotes {
    height: 33px;
    float: right;
    margin-right: 10px;
    color:#727e73 !important;
    text-align: right;
}

#journalsBrowseWrapper #sidebarPoll .totalvotes a {
    color:#727e73 !important;
}

#journalsBrowseWrapper #sidebarPoll .votecount-wrap {
    font-size: 11px;
    display: block;
}

#journalsBrowseWrapper #sidebarPoll .commentcount {
    background: url(/portal/icon-comments-a.png) no-repeat 0px 2px;
    font-size: 11px;
    line-height: 1.6em !important;
    position: relative;
    padding: 0 0 0 2px;
}

#journalsBrowseWrapper #sidebarPoll .sliding-window {
    overflow: hidden;
}

#journalsBrowseWrapper #sidebarPoll .sliding-wrap {
    position: relative;
    top: -12px;
}

#journalsBrowseWrapper #sidebarPoll .sliding-wrap .sliding {
    float: left;
    overflow: hidden;
}

#journalsBrowseWrapper #sidebarPoll .sliding-wrap .results ul {
    margin-left: 0;
}

#journalsBrowseWrapper #sidebarPoll .commentcount i {padding-left: 16px;font-style: normal;}

#journalsBrowseWrapper a.loadmore, #journalsBrowseWrapper a.loadingmore {
    display: block;
    background: #E1EBE2;
    border-radius: 5px;
    color: #125780;
    font: 14px 'Trebuchet MS', Trebuchet, sans-serif;
    padding: 10px 0;
    text-align: center;
    max-width: 850px;
    margin: 0 auto;
    margin-bottom: 20px;
}

#journalsBrowseWrapper a.loadingmore {
    background: rgba(0, 0, 0, 0.1);
    color: #fff;
    cursor: default;
}

#journalsBrowseWrapper a.loadingmore:hover {
    text-decoration: none;
}

/* illusion of links on all entries */
#browse-results .journalcontrol,
#browse-results .blogcontrol,
#journalsBrowseWrapper .journalcontrol,
#journalsBrowseWrapper .blogcontrol {cursor:pointer !important}

.newbrowse  #browse-results-page-1 {
    padding-left: 0;
}
.newbrowse .search-term-center {
    max-width: 90px;
}
.browse-container.newbrowse .browse-top-bar {
    overflow: hidden;
    margin-left: 0;
    margin-top: 7px;
    height: auto;
    min-height: 32px;
    z-index: 1;
    .browse-explore-tags {
        margin-top: 8px;
    }
    .right-buttons {
        margin-top: 0px;
        top: 0px;
    }
    .search-stats {
        padding-left: 0;
        padding-top: 13px;
        margin: 0;
    }
}

#output > .browse-container.newbrowse .browse-left-bar {
    width: 193px;
    box-sizing: border-box;
    float: left;
    background-color: #dbe3d5;
    border-right: 1px solid #a8baa7;
    padding: 0 0 1048575px 0;
    margin-bottom: -1048575px;
    z-index: 99; /* should be lower than #navbar-menu and the footer */

    .browse-left-bar-inner {
        box-sizing: border-box;
        width: 192px;
        padding: 7px 16px 0 16px;
        background-color: #dbe3d5;

        &.sticky {
            position: fixed;
            left: 0;
        }
    }
}

/* section headings */
#browse-sidemenu .noncollapseHeader {
    margin: 0;
    padding: 5px 6px;
    font: bold 11px helvetica neue, arial, sans-serif;
    text-transform: uppercase;
    color: #526154;
}

/* search section */
#browse-sidemenu .browse-facet-search {
    width: 162px;
    margin-bottom: 0;
    &:after {
        content: "";
        display: table;
        clear: both;
    }
}

/* search form */
#browse-sidemenu #browse-search-box {
    margin: 0 0 15px 4px;
}
#browse-sidemenu #browse-search-box .browse-search-container {
    width: 153px;
}
#browse-sidemenu #browse-search-box .browse-search-container input {
    width: 128px;
}
#browse-sidemenu ul.facet {
    margin: 5px -5px 25px -5px;
    padding: 0;
}
#browse-sidemenu ul li {
    list-style: none;
    padding: 0;
    margin: 0;
}
#browse-sidemenu ul li a {
    font-family: Verdana, Arial, sans-serif;
    color: #337287;
    text-decoration: none;
    font-size: 11px;
    display: block;
    padding: 4px 5px;
    border-radius: 3px;
}
#browse-sidemenu ul li a:hover {
    background: #337287;
    color: #fff;
}
#browse-sidemenu ul li a.selected {
    background: #e28d39;
    color: #fff;
}
div.browse-container.sidemenu-closed #browse-sidemenu {
    display: none;
    width: 0px;
    padding-left: 0;
    padding-right: 0;
}
#browse-sidemenu .browse-facet.browse-facet-state {
    margin: 0 0 10px -16px;

    .browse-buttons;

    .button.state-open {
        border-radius: 0 3px 3px 0;
        padding-left: 29px; /* so it's not jumpy */
        margin-left: -4px; /* hide the left inner shadow when open */

        span {
            background-position: 0px 96px;
        }
    }
}

.browse-sidebar-opener {
    float: left;
    padding-right: 15px;
    margin-left: 5px;
    display: none;

    .browse-buttons;

    .button.state-close {
        span {
            background-position: 0px 96px;
        }
    }
}

div.browse-container.sidemenu-closed .browse-top-bar .browse-sidebar-opener {
    display: block;
}

.browse-content.with-sidemenu {
    padding-left: 202px;
}
div.browse-container.sidemenu-closed .browse-content.with-sidemenu {
    padding-left: 0px;
}
div.browse-container {
    overflow: hidden;
}
.browse-container.newbrowse .browse-result-summary {
    margin-left: 0;
}

/*
@@require cssms/lib/survival.css
*/

.squareBrowsead {
    width: 320px;
    float: right;
    margin: 40px 60px 10px 10px;
}
.squareBrowsead.square200H {
    margin: 0 60px 0 10px;
}

.squareGroupad {
    margin-bottom: 10px; 
    margin-right: 10px;
}

.stream .joinNowad {
    background-color: transparent;
    color: #50655C;
    text-align: left;
    padding: 0 9px;
    width: 270px;
    border: 0px none ;
    margin: 0px 0px 5px 0px; 
    font-size: x-small; 
    font-size: 11px; 
    line-height: 1.6em; 
}
.joinNowad .altview {
    background-color: transparent !important;
}
.joinNowad .altview i.tr,
.joinNowad .altview i.tl,
.joinNowad .altview i.br,
.joinNowad .altview i.bl {
    display:none;
}

.joinNowad h1 {
    color: #31403b;
    font-size: 18px;
}
.joinNowad h3 {
    color: #43504A; 
    letter-spacing: .3px; 
    line-height: 1em;
    font-size: 20px;
}
.joinNowad p {
    color: #4f6759;
    font-size: 9pt;
    border-bottom: 1px dotted #4f6759;
}
.joinNowad strong {
    color: #4f6759;
}
.joinNowad #usernameInputter {
    width: 100%;
    background:#B1C2AF url(/minish/main/join.gif) no-repeat scroll 0px 0px;
    position: relative;
    height: 20px;
    margin-top: 4px;
}
.joinNowad #usernameInputter input {
    background: transparent;
    border: 0px;
    font-size: 8pt;
    padding: 3px 5px 0px 5px;
    color: #4f6759;
    width: 155px;
}
.joinNowad #usernameInputter #usernameSuffix {
    position: absolute;
    left: 172px;
    top: 3px;
    font-size: 8pt
}
.joinNowad #joinButtonBorder {
    background-color: #9BAE9B;
    width: 100%;
    height: 50px;
    text-align: center;
    line-height: 8px;
    position: relative;
    margin-top: 10px;
}
#joinButtonBorder i.tr,
#joinButtonBorder i.tl,
#joinButtonBorder i.br,
#joinButtonBorder i.bl {
    border-color: #B1C2AF;
    background-color: #B1C2AF;
}
.joinNowad #joinButtonBorder input {
    background:#B1C2AF url(/minish/main/join.gif) no-repeat scroll 0px -21px;
    width: 146px;
    height: 22px;
    border: 0px;
    cursor: pointer;
}    


.sleekadbubble {
    background-color: #C6D3C2;
    background-image: url(/advertising/sleekadbubblebg.gif);
    background-repeat: no-repeat;
    background-position: center center;
    text-align: center;
    line-height: 15px;
    padding: 10px;
    position: relative;
}
.sleekadbubble.square200H {
    padding: 0 10px;
    background: none;
}

.sleekadbubble a.subbyCloseX {
    top: 6px;
    right: 8px;
}
.sleekadbubble span.adlabel {
    font-weight: bold;
    font-size: 9pt;
    display: block;
    margin-bottom: 4px;
}
.sleekadbubble .sleekadfooter {
    margin: 4px 0px 0px 0px;
    padding: 0px;
}
.sleekadbubble.square200H span.adlabel,
.sleekadbubble.square200H .sleekadfooter {
    display: none;
}


.sleekadbubble .sleekadfooter a {
    text-decoration: none;
    font-size: 10px;
    color: #EAF2EE !important;
}

.sleekadbubble .sleekadfooter a:hover {
    text-decoration: underline;
}

.sleekadbubble .sleekadfooter .promo-text {
    background-color:#2C3635;
    color:#3B4A4A;
    margin:auto;
    padding:2px 0;
    width: 300px;
    border-radius: 5px;
    white-space:nowrap;
}
.sleekadbubble .sleekadfooter .promo-text-link {
    border-right: 1px dotted #636E67;
    padding-right: 0px;
}
.sleekadbubble .sleekadfooter .promo-text-link-hilite {
    border-right: 1px dotted #636E67;
    padding-right: 0px;
    color: #CEF502 !important;
}

body.artbitkit div.frontPage div.browse2 div.sleekadbubble {
    background: transparent url(/advertising/join/newjoinbox_background.gif) no-repeat scroll 0 0;
}
body.artbitkit div.frontPage div.browse2 div.sleekadbubble .joinNowad {
    background: transparent;
    color: #D6DED4;
    margin: 0;
}
body.artbitkit div.frontPage div.browse2 div.sleekadbubble .joinNowad .altview {
    background: transparent !important;
}
body.artbitkit div.frontPage div.browse2 div.sleekadbubble .joinNowad h3{
    color: #c9dc26;
}
body.artbitkit div.frontPage div.browse2 div.sleekadbubble .sleekadfooter{
    display:none;
}
.sleekadfooter .ad-link-watch-highlight {
    color: #edff00;
}

.sleekadbubble.squareTodayad {
    width: 300px;
    float: right;
    margin-right: 0px;
    margin-top: 0px;
    margin-left: 10px;
    margin-bottom: 15px;
    background: none;
    padding: 0px;

    .adlabel {
        display: none;
    }
    .sleekadfooter {
        display: none;
    }
    .subbyCloseX {
        display: inline-block;
        width: 16px;
        height: 16px;
        line-height: 16px;
        background: #cb1a20;
        color: #fff;
        font-weight: bold;
        text-align: center;
        vertical-align: middle;
        border-radius: 100%;
        top: 0px;
        right: -19px;
        font-family: verdana, arial, sans;
        text-indent: 1px;
    }
}
.iab_sf {
    margin: auto;
}

.da-custom-ad-box {
    position: relative;
    width: 100%;
}
.da-custom-ad-box .subbyCloseX {
    background: url(/morelikethis/blt_icons2.png) no-repeat 0 -108px;
    top: 8px;
    right: 8px;
    height: 20px;
    width: 21px;
}
.dac-ad-frontpage-banner {
    height: 300px;
    overflow: hidden;
    background-color: #C5D1BD;
    z-index: 124; /* One less than #overhead-collect */
    text-align: center;
}
.dac-ad-frontpage-banner > * {
    margin: 0 auto;
}
/* T22771: temporary style the breakout ad */
.dac-ad-frontpage-banner.campaign-285 {
    background: black;
}
.dac-ad-frontpage-banner.campaign-285 div {
    top: 24px;
}
.today-sponsor-logo {
    width: 400px;
    height: 50px;
}
/* DFP 970x250 we dont need the extra height */
.da-ad-high-impact {
    overflow: hidden;
    background-color: #c5d1bd;
    z-index: 124;
    text-align: center;
}
.da-promoted-content {
    margin-bottom: 12px;
}


.download_ad {

}

.download_ad .body {
    background: #E5E6E0;
    position: absolute;
    display: table;
    top: 50%;
    left: 50%;
    width: 750px; 
    height: 500px;
    margin-left: -375px;
    margin-top: -250px;
}

.download_ad .body p {
    display: table-cell;
    vertical-align: middle;
    text-align:center;
    font-size: 24pt;
}
.download_ad .body .smbutton span {
    font-size: 14pt;
}

.download_ad .end {
    display: none;
}

.download_ad .dismiss .cta {
    position: absolute;
    top: -20px;
    right: 20px;
    text-decoration: underline;

}
.download_ad .dismiss i {
    position: absolute;
    top: -35px;
    right: -35px;
}
.download_ad .dismiss i {
    width: 35px;
    height: 35px;
    display: inline-block;
    background: url(/minish/advertising/downloadad_splash_close.png);
}

.download_ad.rubicon .body {
    width: 640px;
    height: 480px;
    margin-left: -320px;
    margin-top: -240px;
}

.download_ad.direct .body {
    width: 700px;
    margin-left: -350px;
}

/* Mobile */
.download_ad.mobile .body {
    background: #E5E6E0;
    position: absolute;
    display: table;
    top: 50%;
    left: 50%;
    width: 300px; 
    height: 250px;
    margin-left: -150px;
    margin-top: -125px;
}
.download_ad.mobile .body p,
.download_ad.mobile .body .smbutton span {
    font-size: 12pt;
}
.download_ad.mobile .dismiss i {
    position: absolute;
    top: -35px;
    right: 0px;
}

.ad-blocking-makes-fella-confused .ch-ctrl {
    .outer_wrapper {
        background:#8A9C8E;

        .inner_wrapper {
            width: 728px; 
            height: 90px;
        }
    }

    .footer_wrapper {
        font:9pt Verdana, sans-serif;
        text-align:left;
        width:110px;
        white-space:nowrap
    }
}

.mczone-you-know-what {
    .fella_confusion_wrapper {
        position:relative;
        width:788px;
        margin:0 auto;

        .outer_wrapper {
            background:#8A9C8E;

            .inner_wrapper {
                width: 728px; 
                height: 90px;
            }
        }
    }
}

#sidebar-you-know-what {
    .tower-ad-header {
        padding:4px 0;
        text-align:center;
        position:relative;
    }

    .tower-ad-footer {
        padding:8px 0;
        line-height:1.6em;
        text-align:center;
    }
}

.gruser_top_slot {
    text-align:center;

    .top_wrapper {
        position:relative;
        top:8px;
        width:886px;
        margin:auto;
    }
}

.tower_right_wrapper {
    margin-bottom:12px;
    text-align:center;
    padding:12px;
    background:#C6D3C2;
}

.guideblock {
    padding:8px;
    text-align:center;
}

.hidden-frame {
    border:0;
    visibility:hidden;
}
.hidden-frame-bidder {
    border:0;
    display: none;
}

.yahoo-ad {
    width: 100%;
    position: relative;
}
.yahoo-info,
.yahoo-thumb {
    display: block;
}
.yahoo-thumb a {
    width: 100%;
    height: 100%;
}
.yahoo-thumb img {
    width: 100% !important;
    height: 100% !important;
    background-size: cover !important;
}
.yahoo-info span {
    text-overflow: ellipsis;
}
.yahoo-logo,
.yahoo-sponsor {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 6pt;
    z-index: 2;
}
.yahoo-overlay {
    display: block;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    position: absolute;
    text-decoration: none;
    z-index: 1;
}
.yahoo-overlay:hover {
    text-decoration: none
}

/* Yahoo Text Ad */
.yahoo-text-ad {
    width: 700px;
    height: 50px;
    position: relative;

    .yahoo-sponsor {
        top: inherit;
        bottom: 0;
    }

    .yahoo-info,
    .yahoo-thumb {
        width: 50px;
        height: 50px;
        float: left;
    }

    .yahoo-info {
        width: 500px;
        margin: 0 8px;
    }
}

/* Right variant */
.yahoo-align-right {
    .yahoo-sponsor, .yahoo-logo {
        right: inherit;
        left: 0;
    }
    .yahoo-info, .yahoo-thumb {
        float: right;
        text-align: right;
    }
    .yahoo-overlay {
        right: 0;
        left: 100px;
    }
}

/* Square Ad */
.yahoo-square-ad {
    width: 320px;
    height: 250px;
    position: relative;
    text-align: center;
    margin: 0 auto;

    .yahoo-sponsor {
        top: 190px;
        bottom: inherit;
    }

    .yahoo-thumb {
        width: 320px;
        height: 200px;
    }
}

/* used for both HPTOs and interstitials, make sure you (don't) wanna change both */
body.inter-active,
body.hpto-active { overflow: hidden !important; }
/* fix flash ads protruding through the hpto/inter */
body.inter-active .bubbleview iframe,
body.inter-active .bubbleview object,
body.inter-active .bubbleview embed,
body.hpto-active .bubbleview iframe,
body.hpto-active .bubbleview object,
body.hpto-active .bubbleview embed {display:none !important}

.mobile_overlay,
#inter,
#hpto {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    margin: 0;
    padding: 0;
    font: 76% verdana, bitstream vera sans, arial, helvetica, sans-serif;
    background-color: #282828;
    font-size: 1em;
}
#hpto {
    width: 100%;
    height: 100%;
    overflow: auto;
}
#inter a:link,
#inter a:visited,
#hpto a:link,
#hpto a:visited { text-decoration: underline; color: #9C9C9C; }
#inter a:hover,
#hpto a:hover { color: #f1f1f1; }
#inter a:active,
#hpto a:active { color: #fff; }
#inter img,
#hpto img { border: 0; }

.mobile_overlay div.header,
#inter div.header,
#hpto div.header { 
    background-color: #393939; height: 50px; 
}
.mobile_overlay div.header .continue,
#inter div.header .continue,
#hpto div.header .continue { 
    float: right;
    margin-right: 15px;
    line-height: 50px;
}
.mobile_overlay div.header .logo,
#inter div.header .logo,
#hpto div.header .logo { 
    display: block;
    height: 30px;
    width: 132px;
    margin-left: 5px;
    margin-right: 0;
    padding: 10px;
    padding-right: 0;
}
.mobile_overlay div.header .logo .mark,
#inter div.header .logo .mark,
#hpto div.header .logo .mark { 
    width: 18px;
    margin-right: 3px;
}

.mobile_overlay div.body,
#inter div.body,
#hpto div.body { text-align: center; font-size: 0.9em; }
.mobile_overlay div.body a:link,
.mobile_overlay div.body a:visited,
#inter div.body a:link,
#inter div.body a:visited,
#hpto div.body a:link,
#hpto div.body a:visited { color: #6C6B6B; padding-top: 2px; }
#inter div.body a:hover,
#hpto div.body a:hover { color: #f1f1f1; }

#inter .iab_sf, #hpto .iab_sf { margin: 0 auto; }

.mobile_overlay {
    position: fixed; /* height calculation works better with fixed on old webkit browsers */

    background-color: rgba(0, 0, 0, 0.8);
    z-index: 6000000;
}
.mobile_overlay .mobile-ad {
    height:100%;
}

.mobile_overlay .container {
    .flexbox();
    .flex-center();
    height: 100%;
}

.mobile_overlay .body {
}

.mobile_overlay div.header {
    position: absolute;
    height: 30px;
    line-height: 30px;
    top: 0;
    right: 0;
    width: 100%;
}
.mobile_overlay .download div.header {
    position: relative;
}

@media all and (orientation: landscape) {
    .mobile_overlay div.header {
        top: auto;
        bottom: 0;
    }
}

.mobile_overlay div.header .continue {
    float: none;
    cursor: pointer;
    margin: 0;
    color: #6c6b6b;
    padding-top: 2px;
    font: 14px "Helvetica Neue", Arial, sans-serif;
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase;
    line-height: 30px;

    &:after {
        content: ' ';
        background-image: url('/minish/icons/continue.png');
        display: inline-block;
        position: relative;
        width: 28px;
        height: 27px;
        top: -2px;
        margin-left: 5px;
        vertical-align: middle;
    }
}

/* HACK: mobile IE10/11, compensate for weird viewport scaling */
@media all and (orientation: landscape) {
    .ie .mobile_overlay .container {
        -ms-zoom: 0.8;
        position: relative;
        left: 10%;
        top: 10%;
    }
}

/* HACK: Windows Phone 7 - no flexbox support, weird viewport */
.ie.lt10 .mobile_overlay .container {
    display: block;
    -ms-zoom: 0.8;
    width: 300px;
    height: auto;
    margin: 40% 35px;

    .header {
        position: static;
        text-align: right;
    }

    @media all and (orientation: landscape) {
        margin: 5% 120px 0;
    }
}


/**
 * Standardizing ad overlay
 * Eventually, replace all #hpto and #inter usages to utilize the .hpto-overlay class
 **/
.hpto-overlay {
    position: fixed;
    overflow: auto;
    margin: 0;
    padding: 0;
    background-color: rgba(0,0,0,0.8);
    font: 76% verdana, arial, helvetica, sans-serif;
    font-size: 1em;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1000;
}
.hpto-overlay a:link,
.hpto-overlay a:visited {
    color: #9C9C9C; 
}
.hpto-overlay a:hover {
    color: #f1f1f1; 
}
.hpto-overlay a:active {
    color: #fff;
}
.hpto-overlay img { 
    border: 0; 
}
.hpto-overlay div.header { 
    background-color: #393939; 
    height: 50px;
}
.hpto-overlay div.header .continue {
    float: right;
    margin-right: 15px;
    line-height: 50px;
}
.hpto-overlay div.header .logo {
    display: block;
    height: 30px;
    width: 132px;
    margin-left: 5px;
    margin-right: 0;
    padding: 10px;
    padding-right: 0;
}
.hpto-overlay div.header .logo .mark {
    width: 18px;
    margin-right: 3px;
}
.hpto-overlay div.body {
    text-align: center; 
    font-size: 0.9em; 
}
.hpto-overlay div.body a:link,
.hpto-overlay div.body a:visited {
    color: #6C6B6B;
}
.hpto-overlay div.body a:hover {
    color: #f1f1f1;
}

.hpto-overlay .iab_sf {
    margin: 0 auto;
}

/**
 * T23420 overlay variations
 * Liberally borrowing from ad-download.css
 **/
#inter.hpto-overlay,
#hpto.hpto-overlay {
    &.var_trans, &.var_update {
        position: fixed;

        .body {
            position: absolute;
            top: 50%;
            left: 50%;
            max-height: 100%;
        }

        .body .dismiss i {
            width: 35px;
            height: 35px;
            display: inline-block;
            background: url(/minish/advertising/downloadad_splash_close.png);
        }

        .beacon {
            display: inline-block;
            margin-top: 20px;
        }
    }

    &.var_trans {
        background-color: rgba(0,0,0,0.8);

        .body .dismiss i {
            position: absolute;
            top: -45px;
            right: -45px;
        }
    }

    &.var_update {
        top: 50px;
        background-color: #282828;
        z-index: 124;

        .body .dismiss i {
            position: fixed;
            top: 70px;
            right: 20px;
        }
    }
}

#inter.var_trans .body,
#inter.var_update .body {
    width: 700px; 
    height: 500px;
    margin-left: -350px;
    margin-top: -250px;
}

#hpto.var_trans .body,
#hpto.var_update .body {
    width: 1024px; 
    height: 730px;
    margin-left: -512px;
    margin-top: -365px;
}

/* for screens not large enough to fit full theater ads */
@media all and (max-height: 775px) {
    #hpto.hpto-overlay.var_trans,
    #hpto.hpto-overlay.var_update {
        .wrap {
            height: 730px;
        }

        .body {
            max-height: none;
            top: 0;
            margin-top: 0;
        }

        .body .dismiss i {
            top: 0;
        }
    }

    #hpto.hpto-overlay.var_trans .body .dismiss i {
        top: 0;
    }

    #hpto.hpto-overlay.var_update .body .dismiss i {
        top: 60px;
    }
}
a.gmbuttonhuge,
a.gmbuttonbit,
a.gmbuttonlil,
a.gmbuttonmid,
a.gmbutton {
    background:url(/minish/messages/messagebutton.gif);
    width:105px;
    height:21px;
    overflow:hidden;
    text-align:center;
    color:#4C645E;
    display:block;
    text-decoration:none !important;
    font-size: 9pt;
    font-family:Verdana, sans-serif;
    letter-spacing:0;
    line-height:20px;
    white-space:nowrap;
    zoom:1;
}
a.gmbuttonhuge:active,
a.gmbuttonbit:active,
a.gmbuttonlil:active,
a.gmbuttonmid:active,
a.gmbutton:active,
a.gmbuttonactive,
div.gmbuttontown a.active {
    background-position:0 -21px !important;
    font-weight:normal !important;
}
a.gmbuttonhuge {
    background-image:url(/minish/messages/messagebuttonhuge.gif?1);
    width:140px;
}
a.gmbuttonmid {
    background-image:url(/minish/messages/messagebuttonmid.gif);
    width:81px;
}
a.gmbuttonlil {
    background-image:url(/minish/messages/messagebuttonlil.gif);
    width:52px;
}
a.gmbuttonbit {
    background-image:url(/minish/messages/messagebuttonbit.gif);
    width:21px;
}
a.disabledbutton {
    opacity:.4;
    cursor:default;
}
a.disabledbutton:active {
    background-position:0 0 !important;
}

.gr-body .contestbadge {
    position:relative;
    height:77px;
    border-bottom: 1px solid #A6B2A6;
}
.contestbadge .sponsor {
    position: absolute;
    left: 10px;
    top: 8px;
    height: 60px;
    width: 80px;
    /* T6769 Allows hacked sponsor images to overflow beyond 80px and stay in front of the header. */
    z-index: 2;
}
.contestinfo {
    position:absolute;
    left:100px;
    top:0px;
    bottom:0px;
    right:160px;
    text-align:left;
    padding:8px;
}
.contestinfo a,
.contestinfo a:link {
    color: #408499 !important;
    text-decoration: none !important;
}
.contestinfo a:hover {
    text-decoration: underline !important;
}
.contestinfo .headline {
    margin-top: 8px;
}
.contestbadge .buttons {
    position: absolute;
    right: 1px;
    top:0px;
    height: 70px;
    width: 140px;
    padding: 6px 18px;
}
.contestbadge .buttons a {
    margin-bottom:6px;
}

a.newsthumb {
    display:block;
    position:relative !important;
    width:130px;
    height:150px;
    margin:auto;
    overflow:hidden;
    text-align:left;
    text-decoration:none !important;
    color:#222 !important;
    background:#EAF2EE;
}
a.newsthumb img {
    visibility:hidden;
}
a.newsthumb q {
    position:absolute;
    left:4px;
    padding-top:3px;
    right:4px;
    cursor:pointer;
}
a.newsthumb strong {
    display:block;
    padding-bottom:6px;
}
a.newsthumb tt.tt {
    text-indent:4px;
    position:absolute;
    font:8.25pt serif;
    line-height:20px;
    height:20px;
    z-index:20;
    margin-top:130px;
    width:130px;
    color:black;
    background:#DAE2DE;
    overflow:hidden;
}
a.newsthumb tt.tt tt {
    color:#E10;
    font:8.25pt serif;
}

/* @@include cssms/lib/mixins/css3.css */

/* get rid of shadow images from v6core */
body.portal div.stream span.mild,
body.portal div.stream span.mild img {
    box-shadow:none;
}

body.portal #portal .nobg .shadow,
body.portal #portal span.mild,
body.portal #portal span.mild img,
body.portal #portal .shadow { 
    background-image: none !important;
}

/* WTF? */
div.tt-a.portal-thumb:not(:-moz-any-link) {
    width: auto;
}

/* special means it's narfed or deleted or something like that, and we don't even want to bother showing these */
.tt-a.tt-special.portal-thumb {
    display: none;
}

.tt-a.portal-thumb .shadow { 
    width: auto;
}

body.portal div.stream .loading .shadow img { 
    display: none;
}

/* now on to more important things */
div.tt-a.portal-thumb {
    display: inline-block !important;
    position: relative;
    zoom: 1;
    *display: inline !important;
}

div.tt-a.portal-thumb span.tt-w {
    width: auto;
}

/* activity animation for the infinite scroll thumb placeholders */
body.portal #portal .body .loading .shadow .thumb {
    /* don't display a loading thumb until we have at least received a DiFi response */
    display: none;
    margin: 0;
}

/* twiddlin' muh THUMBS MODE */
div.tt-a.portal-thumb {
    margin: 10px 5px auto 5px;
    text-align: left;
}

div.tt-a.portal-thumb span.tt-w {
    margin: 0;
}

div.tt-a.portal-thumb a.thumb {
    display: table-cell;
    height: 200px;
    min-width: 80px;
    vertical-align: middle;
    overflow: hidden;
    z-index: 129;
}
div.tt-a.portal-thumb.super-ta a.thumb {
    display: block;
}

div.tt-a.portal-thumb.letterbox a.thumb {
    background: rgba(255, 255, 255, 0.25);
    border: 1px solid rgba(0, 0, 0, 0.08);
}

div.tt-a.portal-thumb span.tt-w span a.thumb.lit {
    background: #F2F8F1;
    box-shadow:rgba(0, 0, 0, 0.296875) 0px 3px 4px, rgba(0, 0, 0, 0.398438) 0px 0px 2px, rgba(0, 0, 0, 0.199219) 0px 1px 1px;
}

div.tt-a.portal-thumb:hover span.tt-w span a.thumb {
    box-shadow:rgba(25, 107, 167, 0.296875) 0px 3px 4px, rgba(25, 107, 167, 0.398438) 0px 0px 2px, rgba(25, 107, 167, 0.199219) 0px 1px 1px, rgba(25, 107, 167, 0.898438) 0px 0px 1px 2px;
    cursor: pointer;
}

div.tt-a.portal-thumb a.thumb img {
    box-shadow:0 3px 4px rgba(0, 0, 0, 0.3), 0 0 2px rgba(0, 0, 0, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    max-height: 200px;
    width: auto;
}

div.tt-a.portal-thumb span.mild a.thumb img,
div.tt-a.portal-thumb:hover a.thumb img {
    box-shadow:none;
}

/* super tall gets cropped, no max-height */
div.tt-a.portal-thumb.super-ta a.thumb img {
    max-height: none;
    max-width: 150px;
}

div.tt-a.portal-thumb .stats a {
    color: #94A98F;
}

div.tt-a.portal-thumb .stats .label, 
div.tt-a.portal-thumb .stats .faves,
div.tt-a.portal-thumb .stats .divider,
div.tt-a.portal-thumb .stats .relative-time {
    display: none;
}

div.tt-a.portal-thumb .stats .comments .count, 
div.tt-a.portal-thumb .stats .faves .count, 
div.tt-a.portal-thumb .stats .relative-time .count {
    margin-left: 18px;
    display: inline-block;
}

div.tt-a.portal-thumb .stats .comments {
    background: url(/portal/icon-comments-a.png) 0px 2px no-repeat;
    min-width: 12px;
    min-height: 13px;
    display: inline-block;
    margin-bottom: 10px;
}

div.tt-a.portal-thumb .userdetails,
div.tt-a.portal-thumb .similar {
    display: none;
    z-index: 130;
}

div.tt-a.portal-thumb .tt-a-literature .userdetails {
    display: block;
}

div.tt-a.portal-thumb a.film {
    display: block;
}

div.tt-a.portal-thumb.super-ta span.tt-w span a.thumb span.super-ta-block,
div.tt-a.portal-thumb span.tt-w span a.thumb span.film-wrapper,
div.tt-a.portal-thumb span.tt-w span a.thumb span.lit-wrapper {
    display: block;
    max-height: 200px;
    overflow: hidden;
    position: relative;
}

div.tt-a.portal-thumb span.tt-w span a.thumb span.lit-wrapper {
    height: 190px;
    left: 5px;
    position: absolute;
    top: 5px;
    width: 140px;
    background: #F2F8F1;
}

div.tt-a.portal-thumb .by {
    width: 100%;
    display: block;
    padding: 4px 8px 6px 4px;
}

div.tt-a.portal-thumb .similar a {
    display: none;
}

div.tt-a.portal-thumb .stats {
    font-size: 0.8em;
}

div.tt-a.portal-thumb .userdetails,
div.tt-a.portal-thumb .similar {
    overflow: hidden;
    position: absolute;
    text-align: left;
    text-overflow: ellipsis;
    top: 10px;
    left: 0;
    right: -2px;
    white-space: nowrap;
    font-size: 0.8em;
}

div.tt-a.portal-thumb .userdetails a {
    text-decoration: none;
}


div.tt-a.portal-thumb:hover .similar {
    top: 182px;
    height: 22px;
}

div.tt-a.portal-thumb .similar-icon,
div.tt-a.tt-fh .mlt-icon, /* Stealing this style for more like this on regular 200H thumbs this is in v6core anyway for some reason */
div.deviation-full-container .mlt-icon {
    padding: 2px;
    z-index: 1;
    display: inline-block;
    border-radius: 8px;
    position: absolute; 
    top: 3px; 
    left: 4px; 
    width: 13px !important; 
    height: 13px; 
    background: url("/morelikethis/dna_icon_fallback_small.png") no-repeat scroll center center transparent; /* IE8 */
    background: rgba(0,0,0,0.5) url(/portal/icon-dna.png) center center no-repeat;
}

div.tt-a.portal-thumb .similar:hover {
    background-color: #196BA7;
}

div.tt-a.portal-thumb .similar:hover a {
    color: #fff;
    display: block;
    width: 100%;
    position: absolute;
    left: 0;
    padding: 4px 8px 6px 24px;
    z-index: 2;
}

div.tt-a-literature.portal-thumb .userdetails .byartist {
    display: none;
}
div.tt-a.portal-thumb:hover .userdetails .byartist {
    display: none;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

div.tt-a.portal-thumb:hover .userdetails:hover {
    background-color: #196BA7;   
}
div.tt-a.portal-thumb:hover .userdetails:hover .byartist {
    display: inline;
    vertical-align: middle;
}

div.tt-a.portal-thumb:hover .userdetails:hover a {
    color: #fff;
    text-align: left;
}
div.stream div.tt-a.portal-thumb .shadow {
    height: 200px !important;
    width: auto !important;
    display: block;
    background: url('/portal/placeholder.png') no-repeat 50% 50%;
}
div.stream .tt-a.portal-thumb .shadow img:hover {
    box-shadow:none;
}

div.stream .tt-a.portal-thumb:hover img {
    box-shadow:none;
}

div.stream .tt-a.portal-thumb:hover img.avatar {
    box-shadow:none;
}

div.stream .tt-a.portal-thumb a.t {
    display: block;
    font: bold 1em 'Trebuchet MS', Trebuchet, sans-serif;
    overflow: hidden;
    text-overflow: ellipsis;
    text-shadow: rgba(255, 255, 255, 0.296875) 0px 1px 0px;
    white-space: nowrap;
    color: #000;
    margin-top: 4px;
}

div.stream .tt-a.portal-thumb:hover a.t {
    text-shadow: rgba(255, 255, 255, 0.398438) 0px 1px 0px;
    color: #196BA7;
}

div.stream .tt-a.portal-thumb .stats {
    margin-top: auto;
    text-align: left;
}

div.stream .tt-a.portal-thumb .category {
    display: block;
    width: 100%;
    color: #A0B1A4;
    font-size: 0.8em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

div.stream .tt-a.portal-thumb .category a {
    color: #A0B1A4;
}

div.stream .tt-a.portal-thumb:hover .category a {
    color: #656B64;    
}

div.stream .tt-a.portal-thumb:hover .category a:hover {
    color: #196BA7;
}

div.stream .mask {
    background: url('/portal/cropmini-middle.png') repeat-x;
    position: absolute;
    top: 191px;
    left: -2px;
    right: -2px;
    z-index: 2;
    border-bottom: 6px solid #D4E0D0;
    width: 100%;
    margin: 0 auto;
    height: 15px;
}

div.stream div.tt-a.portal-thumb:hover div.userdetails,
#portal div.stream div.tt-a.portal-thumb:hover div.similar {
    display: block;
}

.mcb-favecount,
.mcb-commentcount,
.mcb-commentcount a,
.tt-boxed .commentcount,
.tt-boxed .commentcount a {
    color: #8c9a88;
    font-size: 11px;
}

div.mcbox div.mcb-commentcount a {
    text-decoration: none;
    color: #337287;
}

.mcb-commentcount a span.iconcommentsstats,
#da div div.stream div span.iconcommentsstats, /* channels.css override, look ma no !important :( */
div.stream div.tt-a div.commentcount span.iconcommentsstats {
    display: inline-block;
    width: 11px;
    height: 11px;
    background: transparent url(/minish/deviation/icon_comments_stats_mini.png?2) left top no-repeat;
    margin-bottom: -2px;
}
div.tt-a div.favecount span.iconcommentsstats,
.mcb-favecount span.iconcommentsstats {
    background-position: left -14px;
}

.commentfavecount,
.commentfavecount div {
    display: inline-block;
}
div.tt-a.huge .commentfavecount {
    display: block; /* override */
}

.commentfavecount div.mcb-commentcount,
.commentfavecount div.commentcount {
    margin-right: 20px;
}

div.devmulti div.tt-a {
    margin: 0 auto 20px auto;
    max-width: 100%;
}

div.devmulti div.tt-a img{
    max-width: 100%;
    height: auto;
}

/* @@include cssms/lib/mixins/css3.css */
div.tt-crop,
div.tinythumb {
    display: inline-block;
    width: 90px;
    height: 90px;
    overflow: hidden;
}
div.tt-crop {
    margin: 15px 15px 0 0;
    box-shadow:0 1px 2px rgba(0,0,0,0.4), 0 0 0 1px rgba(0,0,0,0.15);
}
/* new dev page consolidates vertical margins of all items in right bar to be on the bottom so that
   all combinations of items present look OK. */
.dev-page-view div.tt-crop {
    margin: 0 15px 15px 0;
}
div.tt-crop a.instorage {
    width: 90px;
    height: 90px;
}
div.tinythumb {
    background-repeat: no-repeat;
    background-position: 50% 50%;
}
div.tinythumb.scaledown {
    background-position: 25% 25%;
    background-size: cover;
}
div.tinythumb img.fakethumb {
    visibility: hidden;
    width: 1px;
    height: 1px;
    position: absolute;
}
div.tt-crop span.tt-w {
    border: 0;
}
div.tt-crop span.shadow.mild {
    padding: 0;
}
div.tt-crop img.lit {
    display: none;
}
div.tt-crop a.lit {
    .box-sizing(border-box);
    height: 90px;
    width: 90px;
    border: none;
}
div.tt-crop a.lit q {
    left: 0;
    width: 78px; /* 85 - 2*3px, ish */
    padding: 3px;
    font-size: 80%;
}
.tinythumb.scaledown {
    background-size: cover;
}

/*
 * New Add to Favourites stuff
 *
 * @@include cssms/lib/mixins/css3.css
 */

#fave-btn-wrap {
    position: relative;
    margin-top: 10px;
    width:300px;
}

#fave-btn-wrap .favemenu {
    color: #1c6da7;
    text-decoration: none;
    font: normal 18px Trebuchet MS, sans-serif;
    text-shadow: 0px 1px 1px rgba(255,255,255,0.5);
    text-align: left;
    width: 165px;
    min-width: 165px;
    vertical-align: bottom;
    display: inline-block;
    margin: 0 0 10px 0px;
    padding: 10px 15px 10px 48px;
    border: 1px solid #93a98f;
    border-radius: 6px;
    box-shadow:0px 1px 0px rgba(255,255,255,0.5), 0 1px 0 rgba(0,0,0,0.3), inset 0 1px 0 rgba(255,255,255,0.7), inset 1px 0 0 rgba(255,255,255,0.2), inset -1px 0 0 rgba(255,255,255,0.2), inset 0 -1px 0 rgba(255,255,255,0.2);
    .linear-gradient(left top, #d0dfc5, #bfd2b5, #bfd2b5);
}

#fave-btn-wrap .favemenu:hover {
    box-shadow:inset 0 0 200px rgba(255,255,255,0.4), 0px 1px 0px rgba(255,255,255,0.5), 0 1px 0 rgba(0,0,0,0.3), inset 0 1px 0 rgba(255,255,255,1), inset 1px 0 0 rgba(255,255,255,0.2), inset -1px 0 0 rgba(255,255,255,0.2), inset 0 -1px 0 rgba(255,255,255,0.2);
    text-decoration: none;
    .linear-gradient(left top, #dfe8d9, #c3d6b9);
}

#fave-btn-wrap #favesnav {
    float: right;
    position:absolute;
    top: -12px;
    right: 0;
    width: 25px;
    list-style:none;
    font-weight: normal;
    padding: 0px;
    font-family:Verdana, Geneva, sans-serif;
    font-size: 12px;
    z-index: 100;
}

#fave-btn-wrap #favesnav li {
    position:relative;
    display:block;
    padding: 0px;
    width: 100%;
}

#fave-btn-wrap #favesnav li li {
    position:relative;
    left: 0px;
    display:block;
    width: 175px;
    margin: 0px;
}

#fave-btn-wrap #favesnav li a {
    display:block;
    padding:0;
    font-size: 12px;
    color:#2c3635;
    text-decoration:none;
    border: 1px solid #93a98f;
    border-radius: 0px 6px 6px 0px;
}

#fave-btn-wrap div.favesnav-downarrow {
    background: url(/minish/icons/down-arrow.png) center center no-repeat;
    width: 100%;
    height: 41px;
    margin: auto;
}

#fave-btn-wrap #favesnav li a:hover {
    color:#fff;
    text-decoration:none;
    border: 1px solid #93a98f;
    box-shadow:0px 1px 0px rgba(255,255,255,0.5), 0 1px 0 rgba(0,0,0,0.3), inset 0 1px 0 rgba(255,255,255,0.7), inset 1px 0 0 rgba(255,255,255,0.2), inset -1px 0 0 rgba(255,255,255,0.2), inset 0 -1px 0 rgba(255,255,255,0.2);
    border-radius: 0px 6px 6px 0px;
    background: #e1e9e0;
}

#fave-btn-wrap #favesnav ul {
    list-style: none;
    position: absolute;
    z-index: 110;
    left:-9999px; /* Hide off-screen when not needed (this is more accessible than display:none;) */
    opacity: 0; /* Set initial state to transparent */
    padding: 0px;
    .transition(0.25s linear opacity);
}

#fave-btn-wrap #favesnav ul off {
    opacity: 0;
}

#fave-btn-wrap #favesnav ul li {
    padding-top:1px; /* Introducing a padding between the li and the a give the illusion spaced items */
    float:none;
}

#fave-btn-wrap #favesnav ul li div {
    font-weight: bold; /* menu title */
    color: #768e81;
    font-size: 11px;
    margin: 5px 5px 0px 5px;
    padding: 5px;
}

#fave-btn-wrap #favesnav ul li div.loading {
    text-align: center;
    padding: 15px;
}

#fave-btn-wrap #favesnav ul li hr {
    width: 88%;
    margin-top: 3px;
    margin-bottom: 2px;
    border-top: 1px solid #c8d6ca;
    border-left: none;
    border-right: none;
    border-bottom: none; 
}

#fave-btn-wrap #favesnav ul a {
    white-space:nowrap; /* Stop text wrapping and creating multi-line dropdown items */
    display:block;
}

#fave-btn-wrap #favesnav li:hover ul.favesnav-wait {
    opacity: 0;
    display: none; /* because IE hates web developers */
}

#fave-btn-wrap #favesnav li:hover ul, #fave-btn-wrap #favesnav li ul.stick  { /* Display the dropdown on hover */
    left: auto; right: 0; /* Bring back on-screen when needed */
    opacity:1; /* Fade to opaque */
    border: 1px solid #8c9b8c;
    background: #e1e9e0;
    box-shadow:0px 1px 4px 0px rgba(0,0,0,0.3);
    padding-bottom: 7px;
}

#fave-btn-wrap #favesnav li:hover a { /* Set styles for top level when dropdown is hovered */
    text-decoration:none;
    border: 1px solid #93a98f;
    box-shadow:0px 1px 0px rgba(255,255,255,0.5), 0 1px 0 rgba(0,0,0,0.3), inset 0 1px 0 rgba(255,255,255,0.7), inset 1px 0 0 rgba(255,255,255,0.2), inset -1px 0 0 rgba(255,255,255,0.2), inset 0 -1px 0 rgba(255,255,255,0.2);
    border-radius: 0px 6px 6px 0px;
}

#fave-btn-wrap #favesnav li:hover ul a, #fave-btn-wrap #favesnav li ul.stick a { /* Override some top level styles when dropdown is hovered */
    top: auto;
    text-decoration:none;
    .transition(transform, 0.075s, linear);
    background: none;
    border: none;
    border-radius: 0px 6px 6px 0px;
    padding: 3px 10px;
    box-shadow:none;
    margin: none;
}

#fave-btn-wrap #favesnav li:hover ul li a:hover, #fave-btn-wrap #favesnav li ul.stick li a:hover { /* Set styles for dropdown when items are hovered */
    background: #f0f4ef;
    text-decoration:none;
    color: #337287;
    margin: 0px 1px;
    padding: 3px 9px;
}

#fave-btn-wrap #favesnav ul li.list {
    max-height: 300px;
    overflow: auto;
}

#fave-btn-wrap #favesnav ul li.add_new {
    padding: 7px;
    width: auto;
}

#fave-btn-wrap #gmi-ResourceViewFavouriteButton + #favesnav li:hover ul, 
#fave-btn-wrap #gmi-ResourceViewFavouriteButton + #favesnav li ul.stick { /* Display the dropdown on hover */
   display: block;
}


#fave-btn-wrap #gmi-ResourceViewFavouriteButton.active + #favesnav li:hover ul { /* Display the dropdown on hover */
   display: none;
}

#fave-btn-wrap #gmi-ResourceViewFavouriteButton + #favesnav li:hover ul, #fave-btn-wrap  #gmi-ResourceViewFavouriteButton + #favesnav li ul.stick  { /* Display the dropdown on hover */
   display: block;
}

#fave-btn-wrap #gmi-ResourceViewFavouriteButton.active + #favesnav  { /* Display the dropdown on hover */
   display: none;
}


/* Button */ 

#fave-btn-wrap #gmi-ResourceViewFavouriteButton {
    color: #1c6da7;
    text-decoration: none;
    font: normal 18px Trebuchet MS, sans-serif;
    text-shadow: 0px 1px 1px rgba(255,255,255,0.5);
    text-align: left;
    min-width: 235px;
    vertical-align: bottom;
    display: inline-block;
    margin: 0 0 3px 0;
    padding: 10px 15px 10px 48px;
    border: 1px solid #93a98f;
    border-radius: 6px;
    box-shadow:0px 1px 0px rgba(255,255,255,0.5), 0 1px 0 rgba(0,0,0,0.3), inset 0 1px 0 rgba(255,255,255,0.7), inset 1px 0 0 rgba(255,255,255,0.2), inset -1px 0 0 rgba(255,255,255,0.2), inset 0 -1px 0 rgba(255,255,255,0.2);
    background: #bfd2b5 url(/minish/gradients/large_btn_gradient_1px.png) 0 0 repeat-x;
    height: 21px;
}

#fave-btn-wrap #gmi-ResourceViewFavouriteButton:active {
    box-shadow:inset 0 2px 4px rgba(0,0,0,0.5), inset 0 2px 72px rgba(0,0,0,0.2), inset 0 -1px 1px rgba(0,0,0,0.2), 0 1px 0 rgba(255,255,255,0.8);
}

#fave-btn-wrap #gmi-ResourceViewFavouriteButton span {
    padding-left: 0;
}

#fave-btn-wrap #gmi-ResourceViewFavouriteButton:hover {
    box-shadow:inset 0 0 200px rgba(255,255,255,0.4), 0px 1px 0px rgba(255,255,255,0.5), 0 1px 0 rgba(0,0,0,0.3), inset 0 1px 0 rgba(255,255,255,1), inset 1px 0 0 rgba(255,255,255,0.2), inset -1px 0 0 rgba(255,255,255,0.2), inset 0 -1px 0 rgba(255,255,255,0.2);
    text-decoration: none;
    background: #bfd2b5 url(/minish/gradients/large_btn_gradient_1px.png) 0 -41px repeat-x;
}

#fave-btn-wrap #gmi-ResourceViewFavouriteButton.active {
    border: 1px solid #759F23; 
    box-shadow:0px 1px 0px rgba(255,255,255,0.5), 0 1px 0 rgba(0,0,0,0.3), inset 0 1px 0 rgba(255,255,255,0.6), inset 1px 0 0 rgba(255,255,255,0.2), inset -1px 0 0 rgba(255,255,255,0.2), inset 0 -1px 0 rgba(255,255,255,0.2);
    font-weight: bold; 
    background: #bfd2b5 url(/minish/gradients/large_btn_gradient_1px.png) 0 -82px repeat-x;
}

#fave-btn-wrap #gmi-ResourceViewFavouriteButton.active:hover {
    box-shadow:0px 1px 0px rgba(255,255,255,0.4), 0 1px 0 rgba(0,0,0,0.3), inset 0 1px 0 rgba(255,255,255,0.4), inset 1px 0 0 rgba(255,255,255,0.2), inset -1px 0 0 rgba(255,255,255,0.2), inset 0 -1px 0 rgba(255,255,255,0.2);
    text-shadow: 0px 1px 1px rgba(255,255,255,0.5);
    color: #2c3635;
    background: #bfd2b5 url(/minish/gradients/large_btn_gradient_1px.png) 0 -82px repeat-x;
}

#fave-btn-wrap #gmi-ResourceViewFavouriteButton.active:active {
    text-decoration: none;
    box-shadow:inset 0 2px 4px rgba(0,0,0,0.5), inset 0 2px 72px rgba(0,0,0,0.2), inset 0 -1px 1px rgba(0,0,0,0.2), 0 1px 0 rgba(255,255,255,0.8);
    background: #bfd2b5 url(/minish/gradients/large_btn_gradient_1px.png) 0 -82px repeat-x;
}

#fave-btn-wrap #gmi-ResourceViewFavouriteButton.active.remove:hover {
    border: 1px solid #9F1D32;
    font-weight: bold !important;
    text-shadow: 0px 1px 1px rgba(0,0,0,0.4);
    color: #fff;
    box-shadow:0px 1px 0px rgba(255,255,255,0.4), 0 1px 0 rgba(0,0,0,0.3), inset 0 1px 0 rgba(255,255,255,0.5), inset 1px 0 0 rgba(255,255,255,0.2), inset -1px 0 0 rgba(255,255,255,0.2), inset 0 -1px 0 rgba(255,255,255,0.2);
    text-shadow: 0px 1px 1px rgba(0,0,0,0.4);
    color: #fff;
    background: #bfd2b5 url(/minish/gradients/large_btn_gradient_1px.png) 0 -123px repeat-x;
}

#fave-btn-wrap #gmi-ResourceViewFavouriteButton.active.remove:active {
    text-decoration: none;
    box-shadow:inset 0 2px 4px rgba(0,0,0,0.5), inset 0 2px 72px rgba(0,0,0,0.2), inset 0 -1px 1px rgba(0,0,0,0.2), 0 1px 0 rgba(255,255,255,0.8);
    background: #bfd2b5 url(/minish/gradients/large_btn_gradient_1px.png) 0 -123px repeat-x;
}

#fave-btn-wrap #gmi-ResourceViewFavouriteButton em.iconx-favesstar {
    position: absolute;
    margin: -0px 0 0 -37px;
    display: block;
    height: 22px;
    width: 25px;
    vertical-align: top;
    background: url(/minish/deviation/favestar.png) center center no-repeat;
}

#fave-btn-wrap #gmi-ResourceViewFavouriteButton.active.remove em.iconx-favesstar {
    background: url(/minish/deviation/x.png) center center no-repeat;
}


#fave-btn-wrap #favesnav input.collection_name {
    font-family: Verdana, Geneva, sans-serif;
    color: #515c5a;
    letter-spacing: -0.25px;
    border-right: 0px solid #8c9b8c; 
    font-size: 11px;
    padding: 6px 2px 4px 4px;    
    border: 1px solid #8c9b8c; 
    background: #f7f7f7; 
    border-radius: 3px 0px 0px 3px;
    box-shadow:0 1px rgba(255,255,255,0.4), 0 1px 4px #bdbdbd inset;
    width: 115px;
    margin: 0px;
    vertical-align: top;
    display: block;
    float: left;
}

#fave-btn-wrap #favesnav input.collection_name.wide {
    width: 150px;
    border-right: 1px solid #8c9b8c;
    border-radius: 3px;
}

#fave-btn-wrap #favesnav li ul li a.new_collection {
    display: none;
}

#fave-btn-wrap #favesnav li ul li a.new_collection, #fave-btn-wrap #favesnav li ul li a.new_collection:hover {
    margin: 0px;
    border:1px solid #93A98F;
    float: left;
    padding: 5px;    
    text-align:center;
    width: 25px;
    .linear-gradient(left top, #DBF088, #B1E03E);
    color:#121516;
    text-shadow: 0px 1px 0px rgba(255,255,255,0.7);
    font: 11px Verdana, sans-serif;
    cursor: pointer;
    box-shadow:0 1px 2px rgba(0, 0, 0,0), 0 1px 1px rgba(255,255,255,0.5) inset;
    border-radius: 0px 5px 5px 0px;
}

#fave-btn-wrap #favesnav li ul li a.new_collection:hover {
    display: block;
    .linear-gradient(left top, #E7F78A, #BFEB2E, #E7F78A);
}

span#favup-star {
    background: url(/minish/deviation/favestar.png) no-repeat;
    height:23px;
    width:22px;
    position:absolute;
    z-index:264;
}

/* megabag */
.megabag {
    width: 247px;
    height: 110px;
}
.megabag-link,
.megabag-span {
    display: block;
    height: 120px;
    background: url('/minish/deviation/megabag2.gif') no-repeat;
}
.megabag-span {
    background-position: 0 -120px;
    opacity: 0;
    filter: alpha(opacity=0);
}

/* megabundle */
.megabundle {
    width: 247px;
    height: 110px;
}
.megabundle-link,
.megabundle-span {
    display: block;
    height: 120px;
    background: url('/minish/deviation/ultrabag2.png') no-repeat;
}
.megabag-span {
    background-position: 0 -120px;
    opacity: 0;
    filter: alpha(opacity=0);
}

/* ultrabag */
.ultrabag {
    width: 248px;
    height: 98px;
    margin: 12px 0 18px 0;
    overflow: hidden;
    position: relative;
}
.ultrabag-link,
.ultrabag-span,
.ultrabag-span-float {
    display: block;
    height: 980px;
    width: 248px;
    cursor: pointer;
}
.ultrabag-span,
.ultrabag-span-float {
    position: absolute;
    top: 0;
    background: url('/minish/deviation/powerpack2.png') no-repeat;
}

.discounted .ultrabag-span,
.discounted .ultrabag-span-float {
    background: url('/minish/deviation/dadab2b2.png') no-repeat;
}

.discounted .megabag-span,
.discounted .megabag-link,
.discounted .megabag-span-float {
    background: url('/minish/deviation/camerabag2.png') no-repeat;
}

.discounted .megabundle-span,
.discounted .megabundle-link,
.discounted .megabundle-span-float {
    background: url('/minish/deviation/ultrabag2.png') no-repeat;
}

.ultrabag-span {
    position: relative;
    top: -98px;
    opacity: 0;
    filter: alpha(opacity=0);
}

/* collect */
#deviation-collect-bubble div.rrbox {
    margin:8px 0;
    width: 210px;
    overflow: hidden;

    border:1px solid #93A98F;
    border-radius:6px;

    display:block;
    display:inline-block;
    text-align:center;
    min-width:165px;
    .linear-gradient(#DAE4D9, #BDD1B4);

}
#deviation-collect-bubble a {
    padding-left: 0;
}
#deviation-collect-bubble a.lit {
    right: 30px;
}

/* more deviation */
.gr-ccomments-box {width:auto !important}
/*.commons_license_summary {width:33em;margin:auto}*/
#dv7 .commons_license_summary {font-size:8.25pt}
#dv7 .commons_license_summary br {display:none}
.commons_license_summary img {float:left;margin-right:12px; margin-top: 5px; }
.mzone-main {text-align:center;height:100px;_height:150;margin-bottom:50px;padding-top:50px;font-size:12pt}
.mzone-main.mzone-agegate.dev-content-blocked {
    height: auto;

    .devpage_gate {
        background: #ccd9cb;
        border-width: 0;
    }
}

span.iconcommentsstats {
    display: inline-block;
    width: 11px;
    height: 11px;
    background: transparent url(/minish/deviation/icon_comments_stats_mini.png?2) left 1px no-repeat;
    margin: 0 5px -2px 0;
}
div.details-section span.iconcommentsstats {
    margin-left: -10px;
}

span.favourites span.iconcommentsstats {
    background-position: left -14px;
}

span.views span.iconcommentsstats {
    background-position: left -28px;
}

span.downloads span.iconcommentsstats {
    background-position: left -42px;
}

span.votes span.iconcommentsstats {
    background-position: left -56px;
}


/**
 * @@require cssms/pages/browselikethis/browselikethis.top_bar.css
 * @@require cssms/pages/browselikethis/browselikethis.left_bar.css
 * @@require cssms/pages/browselikethis/browselikethis.results.css
 * @@require cssms/pages/browselikethis/browselikethis.deviation_full_views.css
 * @@require cssms/pages/browselikethis/browselikethis.groups.css
 * @@require cssms/pages/browselikethis/browselikethis.shop.css
 * @@require cssms/pages/browselikethis/browselikethis.ads.css
 * @@include cssms/lib/mixins/css3.css
 */
/* Browse page layout */
body,
#output {
    background-color: #d4dfd0;
}
div.browse-container .browse-left-bar {
    width: 158px; /* 180px colum with 12px left and 14px right padding */
    position:relative;
    float:left;
    z-index: 100;
    padding: 12px 14px 12px 12px;
    background:#d4dfd0;
}
div.browse-container .browse-top-bar{
    position:relative;
    height: 50px;
    margin-left: 184px;
    padding-left: 12px;
}
/* Generally applicable styles */
hr.browse-divider {
    border: 0;
    border-top: 1px solid #beccbf;
    border-bottom: 1px solid #edf1ec;
}


.browse-link-button,
.browse-proper-button {
    display: inline-block;
    padding: 6px;
    color: #2f7192;
    text-shadow: 0 1px 0 #fff;
    font-size: 0.9em;
    border: 1px solid transparent;
    border-radius: 5px;
}
.browse-proper-button:link,
.browse-link-button:link,
.browse-proper-button:visited,
.browse-link-button:visited {
    color: #2f7192;
}

.browse-proper-button {
    border-top-color: #e3e9df;
    border-right-color: #c8d3c2;
    border-bottom-color: #afbca9;
    border-left-color: #c8d3c2;
}

.browse-proper-button:hover,
.browse-link-button:hover,
.browse-link-button.popupactive {
    text-decoration: none;
    background: #dde5d8;
    border-top-color: #e9eee7;
    border-right-color: #c6d1c0;
    border-bottom-color: #a9b7a3;
    border-left-color: #c6d1c0;
}

.browse-proper-button:hover,
.browse-link-button:hover {
    background: #e2e8de;
}

.browse-proper-button:active,
.browse-link-button:active {
    text-decoration: none;
    background: #ccd4c7;
    border-color: #9ca697;
    box-shadow:inset 0 0 27px rgba(0,0,0,0.2);
}

.search-stats {
    color: #2c3635;
    padding-left: 196px;
    padding-top: 30px;
    margin: 2px 0 10px;

    h1 {
        display: inline-block;
        margin: 0 15px 0 0;
    }
    h1, h1 span {
        font-size: 18px;
        font-family: Trebuchet MS, sans-serif;
        
    }
    span {
        font-size: 12px;
        color: #768e81;
    }
}
.browse-container-groups .search-stats {
    margin-top: 10px;
}
#gmi-GPage + .search-stats {
    padding-left: 20px;
}

/* @@include cssms/lib/mixins/css3.css */
.browse-top-bar-stacks{
    width: 185px;
    position:relative;
    float: right;
    padding-right: 10px;
    height: 30px;
}

/* buttons */
.right-buttons {
    float: right;
    position: relative;
    margin: 8px;
    height: 30px;
    max-width: 330px;
    width: 100%;
    text-align: right;
    top: 2px;

    .browse-buttons;
}

/* Right button stays anchored and others are added to the left
 * extra margin-right added in browselikethis.mlt.results.css
 */
.right-buttons .button.right {
    margin-right: 10px;
}
.right-buttons .button.thumb-wall span {
    background-position: 0 0;
}
.right-buttons .button.thumb-grid span {
    background-position: 0 -52px;
}
.right-buttons .button.row span {
    background-position: 0 -13px;
}
.right-buttons .button.full span{
    background-position: 0 -26px;
}

.browse-top-bar-mc-filter-container {
    color: #778a76;
    text-align: center;
    position: absolute;
    top: 2px;
    left: 0;
}
.browse-top-bar-mc-filter-trigger .state {
    font-weight: bold;
}
.mature-filter-popup-caret {
    background: url(/morelikethis/mature_filter_popup_caret.png) no-repeat;
    width: 19px;
    height: 9px;
    position:relative;
    margin: 1px auto 0;
    top: 0px;
    z-index:201;
}
.mature-filter-popup-content {
    background-color: #F2F7F1;
    border: 1px solid #bcc7bc;
    border-radius: 6px;
    width: 74px;
    position:relative;
    z-index:200;
    padding: 2px;
    box-shadow:2px 2px 4px -2px #000000;
    margin: -1px auto 0;
}
.browse-top-bar-mc-filter {
    display:block;
    padding: 3px 0;
    font-weight: bold;
    color: #778a76;
}
.browse-top-bar-mc-filter:hover {
    text-decoration:none;
    background: #3a728f;
    color: #fff;
}
.browse-top-bar-mc-filter.top-filter {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}
.browse-top-bar-mc-filter.bottom-filter {
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}
.mature-filter-popup-divider {
    position:relative;  
    width: 50px;
    left: 10px;
    border-bottom: 1px solid #fafcfa;
    border-top: 1px solid #c5cfc4;
}
.popup2.popup2-browse-mature-popup {
    background: none;
    border: 0;
    text-align: center;
    width: 80px;
    height: 60px;
}

/* Search Box */

#browse-search-box, #browse-gallery-sort-box {
    display:inline-block;
    float:left;
    height:26px;
    margin-top: 12px;
}
.browse-search-container {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    text-shadow: 1px 1px 1px #FFFFFF;
    float:left;
    margin-top:1px;
    background:#fff;
    box-shadow:inset -2px 2px 3px rgba(0,0,0,.3);
    border: 1px solid grey;
    height:24px;
    width:300px;
    position: relative;
}
#browse-search-box.disabled .browse-search-container {
    background:#d4dfd0;
    box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1);
    border: 1px solid #b9c5b7;
}
.browse-search-input {
    background:transparent;
    width:275px; /* A few pixels smaller than the container so that right hand highlight glow from browse shows up when focussed */
    font-size:13px;
    border:0;
    height: 16px;
    padding: 4px 21px 4px 4px; /* right padding makes sure text doesn't go behind the X */
}
#browse-search-box .scripted .smbutton {
    border-top-right-radius: 3px;
    border-top-left-radius: 0;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 0;
    padding: 0 15px;
    text-shadow: 1px 1px 1px #FFFFFF;
    font-size:11px;
    line-height:22px;
    margin-left:-2px;
    margin-top:1px;
    height:26px;
}
#browse-search-box.disabled .scripted .smbutton,
.deviation-full-minipage .smbutton.disabled {
    .linear-gradient(-90deg, #DDEE98, #D0E775);
    color: #808680;
    border: 1px solid #b9c5b7;
    cursor: default;
}

/* left bar CONTENT (layout is in browselikethis.css) */

/* Facet lists and links */
.browse-facet  {
    margin: 0 0 18px;
    width: 158px;
}
.browse-facet h3 {
    padding: 0 4px;
    margin: 0 0 10px;
    font-weight: normal;
    text-transform: uppercase;
    font-family: Verdana, sans-serif;
    font-size: 13px;
    letter-spacing: 0;
}
.browse-facet ul,
.autocomplete-popup-results {
    list-style: none;
    padding: 0;
    margin: 0;
}
.browse-facet ul a,
.autocomplete-popup-results a {
    position:relative;
    color: #337287;
    display: block;
    padding: 5px 6px;
    text-decoration: none;
    margin-top: 1px;
    font-size: 11px;
    border-radius: 3px;
}
.browse-facet:not(.browse-facet-search) a:hover,
.autocomplete-popup-results a.autocomplete-selected,
a.autocomplete-result:hover {
    color: #fff;
    background: #348aa1;
    text-decoration: none;
}
.browse-facet a:hover .facet-tag-count {
    color: #fff;
}
.browse-facet a.selected,
.autocomplete-popup-results a.selected {
    color: #fff;
    background: #E18D43;
}
.browse-facet a.selected .facet-tag-count {
    color: #fff;
}
.browse-facet ul a.disabled {
    color: #777;
}
.browse-facet ul a.disabled:hover {
    color: #777;
    background:transparent;
}

/* Facet tags */

/* Generic text tag */
.browse-facet .facet-tag-container {
    display: inline-block;
    background-color: #287387;
    border-radius: 3px;
    vertical-align: middle;
}
.browse-facet .facet-tag-container .facet-tag-text {
    text-transform: uppercase;
    font: 6pt/1.8em Verdana, sans-serif;
    color: white;
    padding-left: 3px;
    padding-right: 3px;
}
.browse-facet .facet-tag-container.no-valign {
    vertical-align: baseline;
}
.browse-facet a:hover .facet-tag-container {
    background-color: #0f5865;
}
.browse-facet a.selected .facet-tag-container {
    background-color: #b36d40;
}
.browse-facet.browse-facet-browse-links .selected .facet-tag-container {
    background-color: #d45207;
}

/* left/right padding for a is 6px
    total width of MLT sidebar items should be 158px
    base full width for a is 158px less padding (2 x 6) less left indent */
.cat-depth-0{
    margin-left:0;
}
.cat-depth-1{
    margin-left:10px;
}
.cat-depth-2{
    margin-left:20px;
}
.cat-depth-3{
    margin-left:30px;
}
.cat-depth-4{
    margin-left:40px;
}
.cat-depth-5{
    margin-left:50px;
}
.cat-depth-6{
    margin-left:60px;
}

/** autocomplete **/
.autocomplete-searchbox {
    width: 148px;
    border-radius: 3px;
    box-shadow:inset -2px 2px 3px rgba(0, 0, 0, 0.3);
    border: none;
    padding: 5px 5px;
}
.autocomplete-container {
    position: relative;
}
.autocomplete-clear {
    position: absolute;
    right: 17px;
    top: 5px;
    font-weight: bold;
    cursor: pointer;
}
.cat-depth-2.autocomplete-container .autocomplete-searchbox {
    width: 128px;
}
.cat-depth-3.autocomplete-container .autocomplete-searchbox {
    width: 118px;
}
.cat-depth-4.autocomplete-container .autocomplete-searchbox {
    width: 108px;
}
.cat-depth-5.autocomplete-container .autocomplete-searchbox {
    width: 98px;
}
/* Browse 'Apps' Facet */
.browse-facet-browse-links ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.browse-facet-browse-links ul li {
    position:relative;
    margin: 0 0 4px;
    font-family: Trebuchet MS,sans-serif;
    line-height: 23px;
}
.browse-facet-browse-links ul li a,
.browse-facet-browse-links ul li a:hover {
    background: none;
    border: 0;
    font-size: 12.5pt;
    padding: 0;
    line-height: 26px;
}
.browse-facet-browse-links ul li a:hover {
    color: #2c3635;
}
.browse-facet-browse-links ul li span {
    display:block;
    background: url(/morelikethis/blt_icons2.png);
    position: relative;
    float: left;
    height: 20px;
    width: 21px;
    margin: 1px 7px 0 0;
}
.browse-facet-browse-links ul li.browse-link-browse span {
    background-position:  0 0;
    margin-top: 3px;
}
.browse-facet-browse-links ul li.browse-link-prints span {
    background-position:  0 -25px;
}
.browse-facet-browse-links ul li.browse-link-groups span {
    background-position: 0 -80px;
}
.browse-facet-browse-links ul li.selected {
    height: 26px;
    margin: 0 0 12px 0;
}
.browse-facet-browse-links ul li.selected a {
    color: #d45207;
}
.browse-facet-browse-links hr.browse-divider {
    margin-bottom: 9px;
}

.browse-facet ul li.facet-link-hidden {
    display: none;
}

.browse-facet-mlt-header {
    margin-top: 10px;
}
.browse-facet-mlt-header > span > i.mlt-blue-icon {
    background: url('/minish/deviation/action-sprites.png?1');
    background-repeat: no-repeat;
    background-position: 0 -102px;
}
.browse-facet-mlt-header > span > span,
.browse-facet-mlt-header > span > small {
    margin-left: 28px;
}
.browse-facet-mlt-header > span > span {
    font-family: 'Trebuchet MS', sans-serif;
    font-size: 16px;
}
.browse-facet-mlt-header > span > small {
    display: block;
    color: #788079;
    font-size: 7px;
    margin-top: -3px;
}

.autocomplete-trigger.popup-active a {
    background: #93aa99;
    color: #ffffff;
}

.popup2.popup2-autocomplete {
    height: auto;
    width: 194px;
    background: transparent;
    border: none;
}

.autocomplete-popup-content {
    background: #eaf0e7;
    border: 1px solid #b9c1b9;
    border-radius: 6px;
    box-shadow:0 1px 5px rgba(0, 0, 0, 0.2);
}

.autocomplete-popup-search,
.autocomplete-popup-results {
    padding: 8px;
}

/** left arrow **/
.autocomplete-popup-content:before {
    content: "";
    border: 7px solid transparent;
    border-right-color: #b9c1b9;
    position: absolute;
    left: -14px;
    top: 16px;
    display: block;
}
.autocomplete-popup-content:after {
    content: "";
    border: 7px solid transparent;
    border-right-color: #eaf0e7;
    position: absolute;
    left: -13px;
    top: 16px;
    display: block;
}

.autocomplete-popup-content .autocomplete-popup-input {
    background: url(/commissions/grey-mag.png) 153px center no-repeat #f7f7f7;
    color: #515c5a;
    font-size: 11px;
    padding: 4px 6px;
    width: 160px;
    padding: 4px 6px;
    border: 1px solid #8c9b8c;;
    border-radius: 3px;
    box-shadow:0 1px rgba(255, 255, 255, 0.4), 0 1px 4px #bdbdbd inset;
}

.autocomplete-popup-content .autocomplete-popup-input:focus {
    outline-color: transparent;
    outline-style: none;
}

.autocomplete-popup-content hr {
    width: 100%;
    border-top: 1px solid rgba(0, 0, 0, 0.15);
    border-bottom: 1px solid rgba(255, 255, 255, 0.55);
    margin: 0;
    padding: 0;
}

.autocomplete-popup-clear {
    background: #f7f7f7;
    color: #A5B1A6;
    width: auto;
    height: auto;
    position: absolute;
    right: 16px;
    top: 14px;
    border-radius: 4px;
    font-size: 13px;
    line-height: 13px;
    font-weight: bold;
    padding: 2px;
    cursor: pointer;
}

.autocomplete-popup-clear:hover {
    background: #A5B1A6;
    color: #f7f7f7;
}

/**
 * @@require cssms/pages/browselikethis/browselikethis.deviation_full_views.css
 * @@include cssms/lib/mixins/css3.css
 */

/* Show More */

#browse-results-page-1.browse-results-page {
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 0;
}

.first-result-spacer {
    display:inline-block;
    background: url(/morelikethis/pipe_arrow.png) no-repeat;
    width: 20px;
    height: 15px;
    margin-left:8px;
    position:relative;
    top:1px;
}
a.browse-back-to-first-result {
    display:inline-block;
    color: #2f7190;
    font-weight: bold;
    font-family: Trebuchet, "Trebuchet MS", sans-serif;
    font-size: 11px;
    text-shadow: 0 1px 0 #fff;
    line-height: 24px;
    position:relative;
    top: -3px;
    padding-left: 4px;
}
.showing-page sup {
    font-size: 9px;
}

.browse-results-page {
    /* We need this here and not as a margin on the HR or items since the height of all the pages as
       measured by jQuery must include all margins between them in order that the ScrollManager can
       calculate height correctly
    */
    padding-bottom: 12px;
}

.browse-results-page .showing-page,
.paging-results,
.paging-results-popup-content {
    color: #636a64;
    font-weight: bold;
    font-family: Trebuchet, "Trebuchet MS", sans-serif;
    font-size: 17px;
    padding-left: 5px;
    text-shadow: 0 1px 1px #fff;
    line-height: 24px;
    text-align: left;
}
.paging-results .paging-results-count {
    font-size: 10px;
    text-shadow:none;
    line-height:10px;
}
hr.browse-page-divider {
    margin: 0 5px 12px;
}


.browse-loading,
.browse-paging,
.browse-end,
.browse-done,
.browse-error {
    /* T2892 */
    .user-select(none);
}

.browse-paging,
.browse-end,
.browse-loading,
.browse-error {
    width: 100%;
    clear: both;
    padding: 30px 0px;
    text-align: center;
}
.browse-error,
.browse-loading,
.browse-end {
    font-size: 18px;
    font-weight: bold;
}
.browse-error {
    color: #ae3c2d;
}
.browse-end,
.browse-loading {
    color: #8C9A88;
}
.browse-paging .bt-selector {
    text-align: left;
}

.page-results .browse-loading,
.page-results .browse-error {
    margin: 40px auto;
    display: block;
    padding: 0;
}

.browse-loading {
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: flash;
    -moz-animation-name: flash;
    -o-animation-name: flash;
    animation-name: flash;
}

.browse-loading-spinner {
    background-image: url("/minish/bears/spinner.png");
    background-repeat: no-repeat;
    background-position: center center;
    display: block;
    -webkit-animation: processing-spinner 0.8s linear infinite;
    animation: processing-spinner 0.8s linear infinite;
    height: 30px;
}

@-webkit-keyframes processing-spinner {
    0% {
        -webkit-transform: rotate(0);
    }
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes processing-spinner {
    0% {
        transform: rotate(0);
    }
    100% {
        transform: rotate(360deg);
    }
}

.browse-done {
    width: 100%;
    clear: both;
    padding: 15px 0px;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    color: #8C9A88;
}

/* flashing of loading */
@-webkit-keyframes flash {
    0%, 100% {opacity: 1;} 
    50% {opacity: 0;}
}

@-moz-keyframes flash {
    0%, 100% {opacity: 1;} 
    50% {opacity: 0;}
}

@-o-keyframes flash {
    0%, 100% {opacity: 1;} 
    50% {opacity: 0;}
}

@keyframes flash {
    0%, 100% {opacity: 1;} 
    50% {opacity: 0;}
}

.browse-paging a.load_more,
.browse-page-number-go {
    color: #19689C;
    text-shadow: 0 1px 0 #fff;
    font-size: 16px;
    padding: 13px 50px 12px;
    @shadow:    0px 1px 0px rgba(255,255,255,0.5),
                0 1px 0 rgba(0,0,0,0.3),
                inset 0 1px 0 rgba(255,255,255,1),
                inset 1px 0 0 rgba(255,255,255,0.2),
                inset -1px 0 0 rgba(255,255,255,0.2),
                inset 0 -1px 0 rgba(255,255,255,0.2);
    box-shadow:@shadow;
    margin: 10px auto;
}

.browse-paging a.load_more:hover,
.browse-page-number-go:hover {
    @shadow:    inset 0 0 200px rgba(255,255,255,0.4),
                0px 1px 0px rgba(255,255,255,0.5),
                0 1px 0 rgba(0,0,0,0.3),
                inset 0 1px 0 rgba(255,255,255,1),
                inset 1px 0 0 rgba(255,255,255,0.2),
                inset -1px 0 0 rgba(255,255,255,0.2),
                inset 0 -1px 0 rgba(255,255,255,0.2);
    box-shadow:@shadow;
}

.browse-paging a.load_more:active,
.browse-page-number-go:hover {
    @shadow:    inset 0 2px 4px rgba(0,0,0,0.5),
                inset 0 2px 72px rgba(0,0,0,0.2),
                inset 0 -1px 1px rgba(0,0,0,0.2),
                0 1px 0 rgba(255,255,255,0.8);
    box-shadow:@shadow;
}

.browse-paging a.load_more.disabled:hover,
.browse-paging a.load_more.disabled {
    border-color:#b3b7b2;
    .linear-gradient(-90deg, #d0dacd, #bac4b6, #c0cabc);
    color: #99a295;
    text-shadow: 0 1px 0 rgba(255,255,255,0.6);
    @shadow:    0px 1px 0px rgba(255,255,255,0.5),
                0 1px 0 rgba(0,0,0,0.3),
                inset 1px 0 0 rgba(255,255,255,0.2),
                inset -1px 0 0 rgba(255,255,255,0.2),
                inset 0 -1px 0 rgba(255,255,255,0.2);
    box-shadow:@shadow;
}
.browse-paging a.load_more {
    font-size: 14px;
    height: 20px;
    margin: 0;
    padding: 8px 40px;
}
.browse-paging .pagination .pages .prev,
.browse-paging .pagination .pages .next,
#browse-results .thumb-limit-picker {
    margin-top: 7px;
}
#browse-results .thumb-limit-picker,
.browse-paging .pagination .pages .next a,
.browse-paging .pagination .pages .prev a,
.browse-paging .pagination .pages .next a.disabled,
.browse-paging .pagination .pages .prev a.disabled,
.browse-paging .pagination .pages .next a.disabled:hover,
.browse-paging .pagination .pages .prev a.disabled:hover,
.browse-paging .pagination .pages .next a.disabled:active,
.browse-paging .pagination .pages .prev a.disabled:active {
    background: url(/morelikethis/prevnext_states_sprite.png) repeat-x;
    background-position:0 -30px;
    height: auto;
    width: 90px;
    padding: 5px 10px 5px 0; /* 10px right padding for .next */
    .box-sizing(border-box);
}
.browse-paging .pagination .pages .prev a,
.browse-paging .pagination .pages .prev a.disabled,
.browse-paging .pagination .pages .prev a.disabled:hover,
.browse-paging .pagination .pages .prev a.disabled:active {
    padding-right: 0; /* override 10px right padding for .next */
    padding-left: 10px;
}
.browse-paging .pagination .pages .next a:hover,
.browse-paging .pagination .pages .prev a:hover {
    background-position: 0 -60px;
}
.browse-paging .pagination .pages .next a:active,
.browse-paging .pagination .pages .prev a:active {
    background-position: 0 -90px;
}
.browse-paging .pagination .pages .next a.disabled,
.browse-paging .pagination .pages .prev a.disabled,
.browse-paging .pagination .pages .next a.disabled:hover,
.browse-paging .pagination .pages .prev a.disabled:hover,
.browse-paging .pagination .pages .next a.disabled:active,
.browse-paging .pagination .pages .prev a.disabled:active  {
    background-position: 0 0;
}
.browse-paging .pagination .pages .prev a {
    border-radius:4px 0 0 4px;
} 
.browse-paging .pagination .pages .next a {
    border-radius:0 4px 4px 0;
}
.browse-paging .pagination .pages .paging-arrow {
    background: url(/morelikethis/leftrightdown_sprite.png) no-repeat;
    height:8px;
    width:9px;
    display:inline-block;
    position: absolute;
    top: 16px;
}
.browse-paging .pagination .pages .prev .left-paging-arrow {
    left: 20px;
}
.browse-paging .pagination .pages .prev .disabled .left-paging-arrow {
    background-position: 0 -35px;
}
.browse-paging .pagination .pages .next .right-paging-arrow {
    background-position: 0 -11px;
    right: 20px;
} 
.browse-paging .pagination .pages .next .disabled .right-paging-arrow {
    background-position: 0 -46px;
} 

.browse-paging .paging-dropdown-trigger {
    border-radius:0 4px 4px 0;
}
.popup2-shadow-browse-paging-popup {
    display: none !important;
}

/* paged - style more or less the same as .pagination .prev/.next */
#browse-results .thumb-limit-picker {
    .linear-gradient(center top, #E3EBE2, #C7D5C0, #D7E2D4);
    border: 1px solid #94A98F;
    border-radius: 6px;
    @shadow:    0 1px 0 rgba(255, 255, 255, 0.5),
                0 1px 0 rgba(0, 0, 0, 0.3),
                0 1px 0 #FFFFFF inset,
                1px 0 0 rgba(255, 255, 255, 0.2) inset,
                -1px 0 0 rgba(255, 255, 255, 0.2) inset,
                0 -1px 0 rgba(255, 255, 255, 0.2) inset;
    box-shadow:@shadow;
    color: #165071;
    width: 43px;
    height: 33px;
    padding: 7px 6px;
    display: inline-block;
    margin-right: 8px;
    position: relative;
    float: right;
    cursor: pointer;
    margin-top: 3px;
}
#browse-results .thumb-limit-picker:hover {
    .linear-gradient(center top, #E3EBE2, #C7D5C0);
    @shadow:    0 0 200px rgba(255, 255, 255, 0.4) inset,
                0 1px 0 rgba(255, 255, 255, 0.5),
                0 1px 0 rgba(0, 0, 0, 0.3),
                0 1px 0 #FFFFFF inset,
                1px 0 0 rgba(255, 255, 255, 0.2) inset,
                -1px 0 0 rgba(255, 255, 255, 0.2) inset,
                0 -1px 0 rgba(255, 255, 255, 0.2) inset;
    box-shadow:@shadow;
    border: 1px solid #8c9b8c;
}
#browse-results .thumb-limit-picker.popupactive,
#browse-results .thumb-limit-picker.popupactive:hover {
    @shadow:    0 2px 4px rgba(0, 0, 0, 0.2) inset,
                0 2px 72px rgba(0, 0, 0, 0.1) inset,
                0 -1px 1px rgba(0, 0, 0, 0.05) inset,
                0 1px 0 rgba(255, 255, 255, 0.3);
    box-shadow:@shadow;
}
#browse-results .thumb-limit-picker span {
    background: url(/morelikethis/cog_menu.png) repeat scroll 0 0 transparent;
    display: inline-block;
    height: 18px;
    position: relative;
    width: 30px;
}
#browse-results .thumb-limit-picker:hover span {
    background-position: 0 -30px;
}
.browse-page-header .thumb-limit-picker {
    margin-top: 7px;
}

/** basic paging popup **/
.popup2.popup2-browse-paging-popup {
    width: 175px;
    background:none;
    border:none;
    height: auto;
}
#browse-paging-popup {
    width: 175px; /* otherwise it's gets measurements wrong on mobile */
}
#browse-paging-popup .browse-paging-popup-caret {
    background: url(/morelikethis/gear_popout_caret.png) no-repeat;
    position: absolute;
    right: -7px;
    top: 50%;
    width: 8px;
    height: 20px;
    margin-top: -6px;
}
#browse-paging-popup .browse-paging-popup-content {
    border-radius: 4px;
    font-size: 11px;

    border: 1px solid #A4B2A5;
    background: #DAE6D5;
    box-shadow:0px 1px 5px rgba(50, 50, 50, 0.58);
}
#browse-paging-popup ul {
    list-style:none;
    padding-left:18px;
    line-height: 16px;
}
#browse-paging-popup .header{
    color: #99a68f;
}
#browse-paging-popup li a,
#browse-paging-popup li a:visited {
    color: #19689C;
    text-shadow: 0 1px 0 #fff;
}
#browse-paging-popup li .selected {
    color: #000;
    font-weight:bolder;
    cursor: default;
    /*margin-left:-15px;*/
    text-shadow: 0 1px 0 #fff;
}
#browse-paging-popup li .selected .check {
    margin-left: -13px;
    position: absolute;
    font-weight: normal;
}

/** paging results at top and bottom of page **/
.paging-results {
    position:relative;
    cursor: pointer;
}
.paging-results-first-page {
    float:left;
    margin-top: -6px;
}
/** paging results popup **/
.popup2.popup2-paging-results-popup {
    height: 50px;
    margin-top: 13px;
    width: 175px;
    background:none;
    border:none;
}
.paging-results-popup-caret {
    background: url(/morelikethis/mature_filter_popup_caret.png) no-repeat;
    width: 19px;
    height: 9px;
    position:relative;
    left: 25px;
    top: 1px;
    z-index:201;
}
.paging-results-popup-content {
    background-color: #F2F7F1;
    border: 1px solid #bcc7bc;
    border-radius: 6px;
    width: 165px;
    padding: 7px 1px 4px 5px;
    box-shadow:2px 2px 4px -2px #000000;
}
.paging-results-input-container {
    display:inline-block;
}
.paging-results-go-input {
    font-size: 15px;
    font-weight: bold;
    padding: 0 6px;
    width: 41px; /* wide enough for 4 digits */
    height: 22px;
    color: #636a64;
    border-radius: 6px 0 0 6px;
    background-color: #ffffff;
    border: 1px solid #93A98F;
}
#paging-results-popup .paging-results-go {
    border-radius: 0 6px 6px 0;
    height: 22px;
    width: 22px;
    left: -6px;
    margin: 0;
    min-width: 22px;
    position: relative;
    top: -1px;
}
.browse-top-link {
    display: inline-block;
    font-weight: bold;
    left: 15px;
    padding: 5px 7px;
    position: relative;
    text-align: center;
    top: -8px;
    width: 50px;
}

.mini-show-more, .show-more-container {
    width: 95px;
    margin: auto;
    height: 30px;
    padding: 15px 0;
}
.mini-show-more .mini-show-more-link, .show-more-container .show-more-button {
    cursor: pointer;
    padding: 8px 22px;
    color: #19689C;
    text-shadow: 0 1px 0 #fff;
    font-size: 14px;
    font-weight: bold;
    border-radius: 6px;
}
.mini-show-more .mini-show-more-link:hover, .show-more-container .show-more-button:hover {
    text-decoration: none;
    border-bottom: 1px solid #a2b19c;
    background: rgba(255, 255, 255, .2);
}
.artist-container-full .mini-show-more,
.collection-container-full .mini-show-more ,
.collection-container-full .show-more-container {
    padding-bottom: 20px;
}

.hidden-thumb {
    display:none;
}

/* First page is indented
   as are skinned result pages */
#browse-results-page-1 {
    /* 184 side bar + 12px gutter - 12px left padding on #browse-results - 5px margin on deviation thumbs */
    padding-left: 179px;
}
/* Skinned result pages must stay indented but no deviaiotn margin to account for */
.browse-result-skin {
    /* 184 side bar + 12px gutter - 12px left padding on #browse-results */
    padding-left: 184px;
}
/* For skinned, don't further indent the first page */
.browse-result-skin #browse-results-page-1 {
    padding-left: 0;
}
/* compensate for journals right bar */
.browse-content.journal-category #browse-results-page-1 {
    padding-right: 274px;
}
.browse-result-summary {
    position:relative;
    font-size: 17px;
    color: #000;
    margin: 0 24px 12px 184px;
    font-family: Trebuchet, 'Trebuchet MS', sans-serif;
}
.browse-result-summary hr {
    margin-bottom: 14px;
}
.browse-result-summary span,
.browse-result-summary .browse-result-summary-title {
    font-weight: bold;
    display: inline-block;
    padding-right: 3px;
}
.browse-result-summary .browse-result-summary-subtitle {
    color: #858685;
    font-size: 12px;
    display: block;
    font-family: Verdana, sans-serif;
    margin: 1px 0;
    max-width: 100%;
}
.browse-result-summary .browse-result-summary-subtitle strong {
    display:block;
    color: #3B5A4A;
}
#browse-results {
    position:relative;
    text-align: justify;
    z-index: 50;
    padding: 0 12px;
}
@media screen and (max-width: 1200px) {
    #browse-results {
        /* disable justified thumbs on small screens */
        text-align: left;
    }
}
.browse-no-results {
    padding: 40px 5px;
    font-size: 1.2em;
    text-align: left;
}
/** 200H Thumbs **/
#browse-results > .tt-fh {
    /* thumbs now have a real space between them, T1402 */
    margin-right: 5px;
    margin-left: 5px;
}
#browse-results .tt-a .details,
#browse-results .tt-a .details span,
#browse-results .tt-a .details a {
    white-space: nowrap;
    text-overflow: ellipsis;
}
/* Ads Subby Close Icon */
#browse-results .subbyCloseX {
    background: url(/morelikethis/blt_icons2.png) no-repeat 0 -108px;
    height: 20px;
    width: 21px;
    top: 0;
    right: 3px;
}
#browse-results .sleekadbubble.square200H {
    margin: 9px 0 0 20px;
    padding: 0 26px 0 0;
    width: 300px;
    min-height: 254px;
}
#browse-results #sleek-browse-ad-target {
    width: 300px;
}

/* INLINE ADS */
.browse-inline-ad {
    position:relative;
    background-color: #e2ebdf;
    margin: 20px auto;
    border: 1px solid #bacbbb;
    border-bottom: 2px solid #bacbbb;
    border-radius: 4px;
    padding: 5px;
}
.browse-inline-728x90 {
    width: 752px;
}
#browse-results .browse-inline-ad .subbyCloseX {
    top: 5px;
    right: 5px;
}
.browse-inline-ad .inline-ad-wrapper {
    background: #aab1aa;
    width: 728px;
    height: 90px;
}
.browse-inline-ad .sleekadfooter {
    margin: 3px 24px 0 0;
    height: 26px;
    text-align: center;
}
.browse-inline-ad .promo-text a {
    display: block;
    width: 242px;
    float: left;
    height: 24px;
    background: #ebf1e7;
    border: 1px solid #cbd3c6;
    text-decoration: none;
    line-height: 24px;
    color: #2c76a4;
}
.browse-inline-ad .promo-text a:hover {
    background: #f9f9f7;
}
.browse-inline-ad .promo-text a:nth-child(1) {
    border-radius: 4px 0px 0px 4px;
    border-right: 0;
    width: 241px;
}
.browse-inline-ad .promo-text a:nth-child(3) {
    border-radius: 0px 4px 4px 0px;
    border-left: 0;
    width: 241px;
}

.browse-inline-ad .promo-text a.wide-button {
    width: auto;
    border-radius: 4px;
    padding: 0 8px;
    border: 1px solid #cbd3c6;
}
.browse-inline-ad .sleekadfooter .ad-link-watch-highlight {
    color: #2c76a4;
    font-weight: bold;
}

/* make row-view journals behave */
body div.stream div.page-results div.journal-wrapper.tt-a,
body div.stream div.page-results div.journal-browse.tt-a {
    width: 100%;
    max-width: 850px;
    display: block;
    margin: auto;
}

/* journal sidebar tweaks */
#journalsBrowseWrapper {
    position: relative;
    float: right;
    margin-top: 35px;
    z-index: 99;
}

/* PCP side bar */
.pcp-side-bar {
    float: right;
    clear: right;
    border: 1px solid #CED3C4;
    background: #E2E9D8;
    width: 280px;
    min-height: 200px;
    margin-right: 25px;
    margin-top: 17px;
    padding: 10px;
}
.pcp-side-bar .sidebar-title {
    font: bold 14px "Trebuchet MS", Trebuchet, sans-serif;
    color: #000;
    letter-spacing: normal;
    text-align: left;
    vertical-align: top;
    margin-top: 2px;
    margin-bottom: 4px;
}
.pcp-side-bar .sidebar-title .jewel {
    background: url(/minish/stash/premium-content-jewel.png) no-repeat 0 0;
    height: 17px;
    width: 19px;
    margin-right: 5px;
    margin-top: -1px;
    display: inline-block;
}

.stream-fh-grid.results-page-thumb .pcp-side-bar .image .tt-aa,
div.stream .pcp-side-bar .image div.tt-aa span.tt-ww span.shadow {
    width: auto;
}
.pcp-side-bar .image.bigger {
    width: 133px;
}
.pcp-side-bar .image.mini {
    width: 70px;
}
.pcp-side-bar .image.bigger div.tt-aa a.lit {
    height: 125px;
    width: 125px;
}
.pcp-side-bar .image.mini div.tt-aa a.lit {
    height: 62px;
    width: 62px;
}
div.stream .pcp-side-bar .image div.tt-aa:not(.tt-fh) span.tt-ww span.shadow  {
    height: auto;
}
.pcp-side-bar .pcp-thumb {
    clear: both;
    width: 100%;
}
.pcp-side-bar .image {
    position: relative;
    padding: 0 5px 10px 0;
    float: left;
}
.pcp-side-bar .image.bigger {
    display: block;
}
.pcp-side-bar .image.mini {
    display: none;
}
.pcp-side-bar .info {
    width: 138px;
    position: relative;
    float: right;
    text-align: left;
    margin-top: 4px;
}
.pcp-side-bar .info .dev-title {
    font: bold 14px 'Trebuchet MS', Trebuchet, sans-serif;
    color: inherit;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-shadow: 0 1px 0 rgba(255,255,255,0.2);
    text-decoration: none;
}
.pcp-side-bar .info .dev-title:hover {
    color: #337287;
    text-shadow: 0 1px 0 rgba(255,255,255,0.4);
}
.pcp-side-bar .info .pcp-type {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 0.9em;
    margin: 2px 0 2px 0;
    color: #8c9a88;
}
.pcp-side-bar .tt-fh-purchasable {
    min-width: 44px;
    font: bold 12px/12px 'Trebuchet MS', sans-serif;
    text-shadow: 0 1px 0 rgba(255,255,255,0.3);
    margin: 8px 0 5px 0;
    color: #415443;
    display: inline-block;
}
.pcp-side-bar .tt-fh-purchasable:hover {
    text-decoration: none;
    color: #337287;
    text-shadow: 0 1px 0 rgba(255,255,255,0.4);
}
@media only screen and (max-width: 1150px) {
    .pcp-side-bar {
        width: 155px;
    }
    .pcp-side-bar .pcp-thumb .info {
        width: 65px;
    }
    .pcp-side-bar .pcp-thumb .image.bigger {
        display: none;
    }
    .pcp-side-bar .pcp-thumb .image.mini {
        display: block;
    }
}


/** pcp data styles **/
.pcp-price-points {
    background: url(/minish/points/points_icon_grey.png) no-repeat;
    height: 15px;
    width: 50px;
    padding-left: 22px;
    color: #272A25;
}

.pcp-sales-count {
    padding-left: 22px;
    color: #272A25;
}

.pcp-stats-thumb span.pcp-stats {
    color: #8c9a88;
    white-space: normal;
    text-align: center;
    position: absolute;
    bottom: 10px;
    margin-top: -8px;
    display: block;
    height: 45px;
    width: 100%;
}
.pcp-stats-thumb .pcp-stats .pcp-stat {
    display: inline-block;
    white-space: nowrap;
}
.pcp-stats-thumb .pcp-stats .pcp-stat.price i {
    background: url('/minish/deviation/downloads_for_points2.png');
    background-position: 22px 15px;
    height: 14px;
    width: 20px;
    opacity: .5;
    display: inline-block;
}
.pcp-stats-thumb {
    position: relative;
    display: inline-block;
    padding-bottom: 45px;
    min-width: 180px;
}
.pcp-stats-thumb .pcp-stats .stat-col .pcp-stat {
    display: block;
    text-align: left;
}
.pcp-stats-thumb .pcp-stats .stat-col {
    display: inline-block;
}
.pcp-stats-thumb .pcp-stats .stat-col.first {
    min-width: 75px;
}
.pcp-stats-thumb .pcp-stats .stat-col.first .pcp-stat {
    text-align: right;
}
.pcp-stats-thumb .pcp-stats .stat-col.first .pcp-stat:after {
    content: ' |';
}
.pcp-stats-thumb .pcp-stats .stat-col.last {
    min-width: 100px;
}

/* @@include cssms/lib/mixins/css3.css */
/** deviations fullviews **/
.deviation-full-container {
    position: relative;
    margin: 8px 10px 0 5px;
    /* makes long fave button drop downs not under-lap the next deviation */
    z-index: 1;
}
.deviation-full-data .fullview {
    height: auto;
    display:block;
    margin:auto;
    max-width: 100%;
}
.deviation-full-data .fullview {
    position:relative;
    z-index:100;
}
.deviation-full-data .fullview-shadow {
    box-shadow:1px 1px 4px rgba(50, 50, 50, 0.7);
}
.deviation-full-data {
    margin:auto;
    max-width: 100%;
}
.deviation-full-data a.full-view-link {
    display: block; /* This allows the deviation-full-data to be have correct height from image dimensions even before image loads */
    background: #dce5d8;
}
/* this is oddly specific because otherwise it gets overridden by thumbnails-stream.css */
body div.stream div.deviation-full-data div.journal-wrapper.tt-a {
    width: 100%;
    max-width: 100%;
    
    /* 
        background to make skinny skins not feel like the mlt bar 
        is floading out in the middle of nowhere.
        proper, full-width skins won't be affected.
        T2999
    */
    background-color: #dce5d8;
}

/* DO NOT MESS WITH z-index HERE
   Minpage must sit below deviation without creating a new stacking context
   otherwise long drop-downs with fave menu will end up behind the next deviaiton
   See T2725 */
.deviation-full-minipage {
    background-color: #e8efe5;
    border: 1px solid #bbcdbd;
    border-bottom: 2px solid #bbcdbd;
    width: 620px;
    margin: -6px auto 50px auto;
    position:relative;
    text-align: left;
    padding-bottom: 15px;
    padding-top: 8px;
    border-radius: 6px;
}

.minipage-left {
    width: 491px;
    position:relative;
    padding: 0 13px;
    display: inline-block;
}
.minipage-right {
    width: 98px;
    position:absolute;
    margin-right:2px;
    margin-top:9px;
    display: inline-block;
    z-index:100; /* T3098 */
}
.minipage-left-divider {
    width: 100%;
    border-top: 1px solid #c2d3c3;
    border-bottom: 1px solid #f6f9f5;
}
.deviation-full-minipage .minipage-left .minipage-info-container {
    height: 57px;
    padding: 8px 0px;
}
.deviation-full-minipage .minipage-left .minipage-author-icon {
    display:inline-block;
    padding-right: 8px;
    /* Some bizarre outliers like ~catdevnull end up with group sized avatars and they break the layout this is better than broken title */
    width: 50px;
    overflow: hidden;
}
.deviation-full-minipage .minipage-left .minipage-author-icon img {
    vertical-align: inherit;
}
.deviation-full-minipage .minipage-left .minipage-info {
    display: inline-block;
    font-size: 16pt;
    line-height: 1.175;
    width: 425px;
}
.deviation-full-minipage .minipage-left .minipage-by-line .minipage-author a {
    color: #196BA7;
}

.deviation-full-minipage .minipage-left .minipage-title,
.deviation-full-minipage .minipage-left .minipage-by-line {
    font: bold 18pt Trebuchet MS,sans-serif; /* 18pt is to mirror styles on deviaiton page since children use % of this for sizing */
}
.deviation-full-minipage .minipage-left .minipage-title a {
    color:#121516;
    display:block;
    overflow:hidden;
    width: 375px;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 16pt;
    letter-spacing: -1px;
}
.deviation-full-minipage .minipage-left .minipage-title a:hover {
    color: #196BA7;
}
.deviation-full-minipage .minipage-left .minipage-by-line {
    font-size: 70%;
    letter-spacing: 0.02em;
}
.deviation-full-minipage .minipage-left .minipage-author a {
    color: #196BA7;
}
.deviation-full-minipage .minipage-left .minipage-by {
    color: #414D4C;
}
body #output .deviation-full-minipage .minipage-left .minipage-category a.h {
    color: #121516;
    text-decoration: none;
}
body #output .deviation-full-minipage .minipage-left .minipage-category a.h:hover {
    color: #196BA7;
    text-decoration: none;
}
.deviation-full-minipage .minipage-left .minipage-category-copyright {
    line-height: 8.25pt;
}
.deviation-full-minipage .minipage-left .minipage-copyright,
.deviation-full-minipage .minipage-left .minipage-category {
    display: inline-block;
    font: normal 8.25pt Verdana, sans-serif;
    max-width: 265px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.deviation-full-minipage .minipage-left .minipage-copyright {
    max-width: 152px;
}
.deviation-full-minipage .minipage-left .minipage-copyright span.user-symbol {
    font-size: 12px;
    line-height: 1em;
}
.deviation-full-minipage .minipage-left .minipage-copyright a,
.deviation-full-minipage .minipage-left .minipage-copyright {
    color: #a2b2a9;
}
.deviation-full-minipage .minipage-comments-disabled,
.deviation-full-minipage .comments-denied-message {
    background: transparent;
    padding: 30px 30px 15px; /* container already has 15px padding on bottom */
    font: 15px Trebuchet MS,sans-serif;
    color: #8d948f;
    display: block;
    text-align: center;
}
.deviation-full-minipage .comments-denied-message {
    padding-bottom: 30px; /* this tends to be shown above comments anyway */
}

.deviation-full-minipage .no-comments {
    padding: 41px 0px 42px 140px;
}
.deviation-full-minipage .minipage-description-container {
    position:relative;   
}
.deviation-full-minipage .minipage-description {
    padding: 8px 0;
    /** changing height? be sure to change change min_height in MinipageWrapper.adjust_description_height() **/
    height: 43px;
    overflow: hidden;
    position:relative;
}
.deviation-full-minipage .description-fader {
    position:absolute;
    width: 100%;
    height: 15px;
    top: 45px;
    z-index:100;
    background: url(/morelikethis/description-fader.png?1) bottom repeat-x;
}
.deviation-full-minipage .minipage-show-description {
    cursor:pointer;
    background-color: #EFF5EC;
    font-size: 10px;
    padding: 2px 10px;
    position:absolute;
    z-index:100;
    left:271px;
    top:49px;
    color: #000;
}
.deviation-full-minipage .minipage-left .box {
    margin-bottom: 7px;
    border-radius: 6px;
}
.deviation-full-minipage #cooler-comment-submit {
    margin-top: 15px;
}
.deviation-full-minipage #cooler-comment-submit .cctextarea{
    width: 422px;
}
.deviation-full-minipage #comments-thread-none, 
.deviation-full-minipage #comments-thread-settings {
    display:none;
}
.deviation-full-minipage .minipage-right .action-button a:hover {
    text-decoration:none;
}
.deviation-full-minipage .minipage-right .action-button {
    width: 88px;
    height: 41px;
    margin-bottom: 6px;
    cursor: pointer;

    border: 1px solid #b6c1b8;
    background-color: #e6eee3;
    border-radius: 5px;
}
.deviation-full-minipage .minipage-right .action-button .button-img{
    height: 25px;
    width: 25px;
    margin-top: 11px;
    margin-left: 32px;
    background: transparent url(/minish/deviation/action-sprites.png?1) no-repeat;
}
.deviation-full-minipage .minipage-right .action-button .action-button-mlt{
    background-position: 0 -102px;
    margin-top: 6px;
}
.deviation-full-minipage .minipage-right .action-button .purchase{
    background-position: 0px -50px;
    margin-top: 6px;
}
.deviation-full-minipage .minipage-right .action-button .request-purchase{
    background-position: 0px -25px;
    margin-top: 6px;
}
.deviation-full-minipage .minipage-right .action-button .action-button-text strong{
    font-weight: normal; /* superbrowse fails w/o some kind of text in a strong or b */
}
.deviation-full-minipage .minipage-right .action-button .action-button-text{
    color:#89998c;
    font-size: 9px;
    margin-top: -3px;
    text-align: center;
}
.deviation-full-minipage .minipage-right .action-button:hover,
.deviation-full-minipage .minipage-right #fave-btn-wrap #gmi-ResourceViewFavouriteButton:hover {
    background-color: #c4d6b8;
    background-position: 0px -40px;
}
.deviation-full-minipage .minipage-right .action-button:active,
.deviation-full-minipage .minipage-right #fave-btn-wrap #gmi-ResourceViewFavouriteButton:active {
    background-color: #d8e3d6;
    background-position: 0px -82px;
    
    box-shadow:inset 0 2px 4px rgba(0,0,0,0.5), inset 0 2px 72px rgba(0,0,0,0.2), inset 0 -1px 1px rgba(0,0,0,0.2), 0 1px 0 rgba(255,255,255,0.8);
}
.deviation-full-minipage .minipage-right #fave-btn-wrap #gmi-ResourceViewFavouriteButton.active {
    background-position:0px -123px;
}

.deviation-full-minipage .minipage-right .action-button.disabled{
    opacity:0.4;
    filter:alpha(opacity=40);
    cursor: default;
}

.deviation-full-minipage .minipage-right .action-button.disabled:hover{
    background-color: #e6eee3;
}
.deviation-full-minipage .minipage-right #fave-btn-wrap {
    width: 90px;
    height: 46px;
    border-color: #b6c1b8;
    margin-top: 0px;
    margin-bottom: 6px;
    background-color: #e6eee3;
    z-index: 10;
    border-radius: 5px;
}
.deviation-full-minipage .minipage-right #fave-btn-wrap #favesnav a {
    border-color: #b6c1b8;
}
.deviation-full-minipage .minipage-right #fave-btn-wrap #gmi-ResourceViewFavouriteButton {
    height: 21px;
    width: 25px;
    min-width: 25px;
    border-color: #b6c1b8;
    background: url(/morelikethis/goozer_button_sprite.png) repeat-x;
}
.deviation-full-minipage .minipage-right #fave-btn-wrap #gmi-ResourceViewFavouriteButton b {
    display:none;
}
.deviation-full-minipage .minipage-right #fave-btn-wrap .favesnav-downarrow {
    height: 41px;
}
.deviation-full-minipage .minipage-right #fave-btn-wrap .favesnav-downarrow:hover {
    /*background: url(/morelikethis/goozer_button_sprite.png) repeat-x 0 -40px;*/
}
.deviation-full-minipage .minipage-right #fave-btn-wrap #gmi-ResourceViewFavouriteButton em.iconx-favesstar {
    margin-left: -17px;
}
.deviation-full-minipage .comments-footer-container {
    width: 150px;
    margin: auto;
    text-align: center;
}
.deviation-full-minipage .comments-loaded-container {
    color: #97A2A0;
    display:none; 
}
/* 
additional styles in browselikethis.top_bar.css 
because they share styles with disabled search button
*/
.deviation-full-minipage .comments-count {
    display: block;
    padding: 10px 0;
    margin: 0;
    color: #19689C;
    cursor: pointer;
}
.deviation-full-minipage .comments-count.disabled {
    cursor: default;
    
}
.deviation-full-minipage .comments-count-icon {
    display:inline-block;
    height: 11px;
    width: 11px;
    background: url(/morelikethis/comment_icon_blue.png) no-repeat;
    position:relative;
    top: 1px;
}
.deviation-full-data .journal-browse {
    max-height: 600px;
    overflow:hidden;
}

/** we don't need a clear:both; here **/
.deviation-full-minipage .browse-done {
    clear:none;
}

/** conteract margin on journals **/
.deviation-full-data .journal,
.deviation-full-data .journal.journalcontrol .gr-box {
    margin-top: 0;
    margin-bottom: 0;
}

/** padding box around small deviations **/
.deviation-full-data .minipage-padder-box {
    width: 400px;
    padding: 12px;
    display:table-cell;
    vertical-align: middle;
    
    background-color: #dce5d8;
    border: 1px solid #edf2ec;
}
.deviation-full-data.minipage-padder-box-outer {
    border: 1px solid #bdcabb;
}


/***********
 * Small Screen Styles
 *
 * all the way down here to override any above styles
 * 
 * anything below screen size of 1100px (on journals page) and the minipage starts to overlap and generally look terrible
 * these styles are meant to work best at 1024px and above
 * T3168
 ***********/
@media only screen and (max-width: 1100px){
    .journal-category .deviation-full-minipage {
        width: 535px;
    }
    .journal-category .deviation-full-minipage .minipage-left {
        width: 408px;
    }
    .journal-category .deviation-full-minipage .minipage-left .minipage-info,
    .journal-category .deviation-full-minipage .minipage-left .minipage-info .minipage-title a {
        width: 345px;
    }
    .journal-category .deviation-full-minipage .minipage-left .minipage-category {
        max-width: 184px;
    }
    .journal-category .deviation-full-minipage #cooler-comment-submit .cctextarea{
        width: 339px;
    }
}


/**
 Special surfer for drag-collecting full-view journals/lit
 */
.browse-title-surfer {
    display: block;
    padding: 5px 10px;
    background: #fefef9;
    border: 1px solid #bdc8bc;
    border-radius: 3px;
    font-size: 14pt;
    color: #000;
    font-weight: normal;
    opacity: 0.8;
}
.lit-title-surfer {
    background: #fefef9 url(/morelikethis/mini_journal_lit_icon.png?2) no-repeat 5px center;
    padding-left: 30px;
}

.noncollapseHeader {
    font-size: 10px;
    padding: 5px 6px;
    font-weight:bolder;
}

#groupsCatBar {
    height: 50px;
}

#groupsCatBar #browse-search-box {
    margin-top: 13px;
}

#groupsCatBar #makeGroupButton,
#groupsCatBar #upgradeGroupButton {
    float: right;
    left: auto !important; /* fighting another !important :( */
    right: 20px;
    top: 13px;
}

#groupsCatBar #groupupsell {
    color: white;
    position: relative;
    float: right;
    top: 18px;
    right: 15px;
    font-size: 11px;
}

#groupsDirLeft {
    float: left;
    width: 99%;
    margin-right: -350px;
}
#groupsContent {
    margin-right: 350px;
}
#groupsDirRight {
    float: right;
    width: 350px;
    position: relative;
    z-index: 1;
    background-color: #d4dfd0;
}

div.browse-container-groups .browse-left-bar {
    padding: 0 14px 0 12px;
    border-right: 1px solid #9FB1A2;
}

div.browse-container-groups .browse-left-bar-inner {
    width: 157px;
    padding: 12px 14px 24px 0;
    border-right: 1px solid #F4F7F3;
}

.shop-main-page {
    padding-left: 185px;
}

#shopCatBar {
    position: relative;
    background: #e2e2e2;
    margin: -8px -15px;
    height: 50px;
}

.page-results #gmi-GPage {
    clear: none !important; /* inline override */
}
.page-results #gmi-GPage #headerZone {
    padding-top: 0;
    margin-bottom: 15px;
}
.page-results.shop-main-page #gmi-GPage #headerZone {
    margin-bottom: 0;
}
.page-results #gmi-GPage #headerZone #gmi-GMFrame_Gruser .headerContent {
    display: none;
}
.page-results #gmi-GPage #headerZone #gmi-GMFrame_Gruser,
#shopZoneTable #gmi-GMFrame_Gruser {
    margin: 0;
}

.blt-ad-container { 
    position: absolute; 
    top: 0; 
    z-index: 51; 
}
.blt-ad-container.hidden { 
    width: 1px; 
    height: 1px; 
    overflow: hidden; 
    top: -9999px; 
    left: -9999px; 
}
.blt-ad { 
    position: absolute; 
    top: -9999px;
    left: -9999px;
    line-height: 0;
}

/* Browse Like This Search Input Term */
.search-term-container {
    position:relative;
    top:1px;
    left:1px;
    display:block;
    height:22px;
    float:left;
    padding-right: 5px;
}
.search-term-left {
    display:inline-block;
    line-height: 22px;
    width: 3px;
    background-image: url(/morelikethis/search_gummer_sprite.png);
    backgroud-repeat: none;
    background-position: 45px -28px;
    vertical-align: top; /* Important for when term overflows the tab despite explicit height on center...*/
}
.search-term-center {
    display:inline-block;
    width: auto;
    background-image: url(/morelikethis/search_term_bg.png);
    background-repeat: repeat-x;
    position: relative;
    padding: 0 3px;
    line-height: 22px;
    left: -4px;
    color: #fff;
    text-shadow: none;
    max-width: 220px;
    height: 22px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.search-term-remove {
    line-height:22px;
    width:12px;
    background-image: url(/morelikethis/search_gummer_sprite.png);
    background-position: 29px -28px;
    display:inline-block;
    position: relative;
    left: -9px;
    vertical-align: top;
}
.search-term-remove:hover {
    text-decoration: none;
}


/* More Like This Search Mini Seed */
.search-seed-container .search-term-left,
.search-seed-container .search-term-remove {
    height: 22px;
}
.search-term-container img {
    height:19px; /* this makes me cry. at 18px, chrome freaks the fuck out. */
    width: auto;
    margin:0;
    padding:0;
}
.search-term-container .film-miniseed-container {
    /* assume all film thumbs are meant to be 150px wide first-frame crop (scaled down that means 32px */
    width:32px;
    overflow:hidden;
}
.search-term-container .search-seed {
    position:relative;
    overflow:hidden;
    display:inline-block;
    height:18px;
    padding: 2px 1px 2px 0;
    left: -4px;
    background-image: url(/morelikethis/search_term_bg.png);
    background-repeat: repeat-x;
}
.search-term-container .shadow {
    padding:0px;
}

.search-box-clear {
    color: #768b78;
    font-size: 13px;
    font-weight:bold;
    text-shadow: 1px 1px 1px #FFFFFF;
    position: absolute;
    top: 4px;
    right: 7px;
}
form.disabled .search-box-clear {
    display: none;
}
.search-box-clear:hover {
    text-decoration: none;
}

.green_eclipse div.browse-container .browse-left-bar {
    z-index: 21;
}
/**
 * @@include cssms/lib/mixins/css3.css
 */

.icon(@position) {
    background-image: url(/minish/deviation/mobile-icons2.png?3);
    background-position: @position;
    background-repeat: no-repeat;

    @media only screen and @retina {
        background-image: url(/minish/deviation/mobile-icons2-retina.png?3);
        background-size: 50px 175px;
    }
}

a.discoverytag {
    color: #337287;
    font-family: Verdana, sans-serif;
}

.discoverytag_container {
    position: relative;
    padding: 0;
    background-color: #DAE5D6;
    overflow: hidden;
    
    .header{
        padding: 10px 20px 0 20px;
        position: relative;

        & > h2.sponsored-badge:after{
            content: "sponsored";
            border-radius: 4px;
            background-color: #a9b2a6;
            padding: 4px 8px;
            font-size: 12px;
            font-weight: normal;
            color: #fff;
            margin-left: 10px;
            vertical-align: middle;
            letter-spacing: .5px;
        }

        p.related {
            color: #8c9a88;
            font-size: 11px;
            margin-top: 5px;
        }
        a.discoverytag {
            font-size: 11px;
        }

        .discoverytag_header_mature_filter {
            position: absolute;
            right: 0;
            margin: 8px;
            height: 30px;
            width: 150px;
            top: 1px;
        }

        .discoverytag_header_order_select {
            position: absolute;
            right: 20px;
            top: 41px;
        }
    }

    .discoverytag_content {
        background: none;
        margin-right: 330px;
        
        #browse-results-page-1 {
            padding-left: 0;
            margin-top: 0;
        }

        .tt-fh .details a.t {
            color: #337287;
        }
    }

    /** Ad Placements **/
    .discovery-top-ad {
        background-color: #dde5d8;
        border-bottom: 1px solid #ccd9cb;

        &.unsponsored {
            padding: 0px;
        }
        &.unsponsored iframe {
            padding:4px 20px;
        }
        .subbyCloseX {
            left: 755px;
        }
        &.sponsored .subbyCloseX {
            left: auto;
        }
        .discovery-textad{
            #adunit {
                background: none;
            }
        }
    }
    .mobile-ad {
        margin: 0 auto;
    }
}

.discoverytag_mobile_container {
    background: none !important;

    #browse-results-page-1 {
        padding-left: 0;
        text-align: center;
    }
    .taginfo {
        font-weight: normal;
        font-size: 16pt;
        padding: 8px 8px 0 8px;
    }
    .taginfo > p {
        font-size: 9pt;
    }
    .discoverytag_block_title {
        font-weight: normal;
        font-size: 14pt;
        margin-bottom: 8px;
    }
    .dev-view-meta .mobile-tabs .tabsBar {
        padding-left: 10px;
        padding-right: 0;
    }
    .dev-view-meta .tabsBar li.tab-button {
        width: 33%;
    }
    .activity-tab {
        border-radius: 6px 0 0 6px;
        i {

            display: block;
            height: 25px;
            width: 25px;
            margin: 4px auto 0;

            .icon(0 -150px);
        }
    }

    .activity-tab.selected {
        i {
            background-position: -25px 0;
        }
    }

    .taggers-tab {
        border-radius: 0 6px 6px 0;

        i {
            width: 25px;
            height: 25px;

            display: block;
            margin: 4px auto 0;

            .icon(0 -50px);
        }
    }

    .taggers-tab.selected i {
        background-position: -25px -50px;
    }

    .featured-tab i {
        display: block;
        height: 25px;
        width: 25px;
        margin: 4px auto 0;

        .icon(0 -75px);
    }

    .featured-tab.selected i {
        background-position: -25px -75px;
    }

    /* Activity */
    .tab-activity {
        .discoverytag_activity_feed {
            list-style: none;
            margin: 0;
            padding: 0;
            
            & > li {
                background-color: #eff3ec;
                margin-bottom: 8px;
                padding: 10px;
                border-radius: 5px;
                position: relative;
            
                .feed_user_wrapper{
                    display: block;
                    margin: 0 90px 5px 0;
                    overflow: hidden;
                    text-overflow: ellipsis;

                    .avatar{
                        vertical-align: middle;
                        display: inline-block;
                        width: 16px;
                        height: 16px;
                    }
                }
                .timeago{
                    color: #8c9a88;
                    position: absolute;
                    top: 8px;
                    right: 10px;
                    font-size: 10px;
                }
                .collection_item {
                    margin-left: -10px;
                    margin-right: -10px;
                }
            }
        }
        .discoverytag_activity_form .status-form textarea {
            width: 85%;
        }
    }

    /* Collections */
    .tab-featured {
        margin-bottom: 10px;
        clear: both;
        overflow: hidden;

        .discoverytag_block_title {
            .icon(-25px -100px);
            padding: 3px 0 3px 30px;
            font-size: 13pt;
        }
        .collection_title {
            margin-bottom: 5px;
            font: 12px Verdana, sans-serif;

            .collection_name {
                font: 18px Trebuchet MS, Helvetica, sans-serif;
            }
        }

        .collection_item {
            .clearfix;
        }

        .collection_deviation{
            float: left;

            &> .tt-crop {
                margin:1px;
            }
        }
    }

    /* Tag Active Users */
    .tab-taggers {
        .active_users_icons {
            list-style: none;
            margin: 0;
            padding: 0;
            -moz-column-count: 5;
            -moz-column-gap: 3px;
            -webkit-column-count: 5;
            -webkit-column-gap: 3px;
            column-count: 5;
            column-gap: 3px;
            li {
                margin: 3px;
            }
        }
    }
}

.discoverytag_container .da-custom-ad-box {
    z-index: 1;
}

.discoverytag_right_bar {
    width: 300px;
    padding: 0 16px 10px 12px;
    margin: 0;
    z-index: 1;
    position: relative;
    float: right;
    color: #414d4c;

    a:link {
        color: #337287;
    }

    a.username {
        font: bold 12px Verdana, sans-serif;
    }

    & > div{
        margin-top: 16px;
        margin-bottom: 20px;
        .clearfix;
    }

    hr.fade-highlight-bar {
        height: 1px;
        border: 0;
        margin: 0 10px;
        .linear-gradient-stops(to right, rgba(190,203,186,0), rgba(190,203,186,0), rgba(190,203,186,0), ~"rgba(190,203,186,0) 0%, rgba(190,203,186,1) 12%, rgba(190,203,186,1) 88%, rgba(190,203,186,0) 100%");
    }
    hr.fade-highlight-bar:after {
        content: '';
        display: block;
        position: relative;
        top: 1px;
        width: 100%;
        height: 1px;
        .linear-gradient-stops(to right, rgba(255,247,247,0), rgba(255,247,247,0), rgba(255,247,247,0), ~"rgba(255,247,247,0) 0%, rgba(255,247,247,0.5) 12%, rgba(255,247,247,0.5) 88%, rgba(255,247,247,0) 100%");
    }

    .discoverytag_block_title{
        margin-bottom: 10px;
        font-size: 18px;
    }
    /** Ad **/
    .discoverytag_right_ad {
        position: relative;

        .subbyCloseX {
            right: -16px;
            top: 0;
        }
    }

    /* Activity */
    .activity {
        & > ul {
            list-style: none;
            margin: 0;
            padding: 0;
            
            & > li {
                background-color: #eef5eb;
                margin-bottom: 8px;
                padding: 8px;
                border-radius: 5px;
                position: relative;
                overflow: hidden;
                text-overflow: ellipsis;

                .feed_user_wrapper {
                    display: block;
                    margin: 0 90px 5px 0;
                    display: block;
                    overflow: hidden;
                    text-overflow: ellipsis;

                    .u {
                        font: bold 14px "Trebuchet MS", Trebuchet, sans-serif;
                    }
                    .avatar {
                        vertical-align: middle;
                        display: inline-block;
                        width: 20px;
                        height: 20px;
                        margin-top: -4px;
                    }
                }
                .timeago{
                    color: #8c9a88;
                    position: absolute;
                    top: 8px;
                    right: 10px;
                    font-size: 10px;
                }
            }
        }
        .discoverytag_activity_form {
            .status-form {
                margin-bottom:15px;
            }
            .status-form textarea {
                width: 85%;
            }
        }

        div.tt-crop {
            margin: 2px 2px 0 0;
        }

        .deviation_previews div.tt-crop {
            margin: 7px 0px 0 7px;
        }
        .deviation_previews div.tt-crop:first-child {
            margin-left:0;
        }
    }

    /* Collections */

    .collections .discoverytag_block_title em.iconx-favesstar {
        display: inline-block;
        height: 22px;
        width: 25px;
        vertical-align: top;
        background: url(/minish/deviation/favestar.png) center center no-repeat;
    }
    .collections .collection_item {
        margin-bottom: 10px;
        clear: both;
        overflow: hidden;
        width: 315px;

        .collection_title {
            font: 12px Verdana, sans-serif;

            .collection_name {
                color: #337287;
                font: bold 18px "Trebuchet MS", Trebuchet, sans-serif;
            }
        }

        .collection_deviation {
            float: left;
            margin-bottom: 10px;

            .tt-crop {
                margin-top:10px;
            }
        }
    }

    /* Tag Active Users */
    .active_users_icons {
        text-align: center;
        & > a {
            margin: 5px;
            display: inline-block;
        }
    }

}

.discoverytag_right_bar_bg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
    width: 330px;
    background: #CCD9CB;
}

/* Helper mixins */
.colormixin(@color:false) when not (@color=false) {color: @color;}
.bgcolormixin(@color:false) when not (@color=false) {background-color: @color;}
.bordercolormixin(@color:false) when not (@color=false) {border-color: @color;}

.widthmixin(@width:false) when not (@width=false) {width: @width;}
.minwidthmixin(@width:false) when not (@width=false) {min-width: @width;}
.maxwidthmixin(@width:false) when not (@width=false) {max-width: @width;}

.heightmixin(@height:false) when not (@height=false) {height: @height;}
.minheightmixin(@height:false) when not (@height=false) {min-height: @height;}
.maxheightmixin(@height:false) when not (@height=false) {max-height: @height;}

/* Helper variable for retina media queries */
@retina : ~"(-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (min-device-pixel-ratio: 2), (min-resolution: 2dppx), (min-resolution: 192dpi)";

/*
 * helper function for .linear-gradient
 * @encode - string of svg xml
 */
.base64DataUriBackground (@encode, @type: ~"image/svg+xml") {
    @dataUriPrefix: ~"url(data:@{type};base64,";
    @dataUriSuffix: ~")";
 
    // because our lessc doesn't give access to btoa()
    // we have to make our own
    @b64DataUri: ~`(function(a,b,c){function e(a){a=a.replace(/\r\n/g,'\n');var b='';for(var c=0;c<a.length;c++){var d=a.charCodeAt(c);if(d<128){b+=String.fromCharCode(d)}else if(d>127&&d<2048){b+=String.fromCharCode(d>>6|192);b+=String.fromCharCode(d&63|128)}else{b+=String.fromCharCode(d>>12|224);b+=String.fromCharCode(d>>6&63|128);b+=String.fromCharCode(d&63|128)}}return b}function f(a){var b='';var c,f,g,h,i,j,l;var m=0;a=e(a);while(m<a.length){c=a.charCodeAt(m++);f=a.charCodeAt(m++);g=a.charCodeAt(m++);h=c>>2;i=(c&3)<<4|f>>4;j=(f&15)<<2|g>>6;l=g&63;if(isNaN(f)){j=l=64}else if(isNaN(g)){l=64}b=b+d.charAt(h)+d.charAt(i)+d.charAt(j)+d.charAt(l)}return b}var d='ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=';return a+f(b)+c})('@{dataUriPrefix}','@{encode}','@{dataUriSuffix}')`;
 
    background: @b64DataUri;
}

/*
 * @angle - 1st param (eg 45deg, top, to left bottom)
 * @legacy_color - Color if no gradient at all is available
 * @ie_gradient_type - 0 (vertical) or 1 (horizontal).  If anybody wants to write a filter to deduce this 
 *                     angle, have at it
 */
.linear-gradient(@start_color, @end_color) {
    .linear-gradient(top, @start_color, @end_color, @start_color);
}
.linear-gradient(@angle, @start_color, @end_color) {
    .linear-gradient(@angle, @start_color, @end_color, @start_color);
}
.linear-gradient(@angle, @start_color, @end_color, @legacy_color: @start_color, @ie_gradient_type: 0) {
    @svg: ~'<?xml version="1.0" ?><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 1 1" preserveAspectRatio="none"><linearGradient id="grad-ucgg-generated" gradientUnits="userSpaceOnUse" x1="0%" y1="0%" x2="0%" y2="100%"><stop offset="0%" stop-color="@{start_color}" stop-opacity="1"/><stop offset="100%" stop-color="@{end_color}" stop-opacity="1"/></linearGradient><rect x="0" y="0" width="1" height="1" fill="url(#grad-ucgg-generated)" /></svg>';
 
    
    /* base background */
    background: @legacy_color;
    
    /* IE9 you so special */
    .ie.eq9 & {
        .base64DataUriBackground(@svg);
    }
    /* IE8 is the bad kind of special */
    .ie.lt9 & {
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='@{start_color}', endColorstr='@{end_color}',GradientType=@ie_gradient_type );
    }
    
    /* hooray modern browsers */
    background: -webkit-linear-gradient(@angle, @start_color, @end_color);
    background: -moz-linear-gradient(@angle, @start_color, @end_color);
    background: linear-gradient(@angle, @start_color, @end_color);
}

.linear-gradient-stops(@angle, @legacy_start_color, @legacy_end_color, @legacy_color, @rest...) 
{
    @svg: ~'<?xml version="1.0" ?><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 1 1" preserveAspectRatio="none"><linearGradient id="grad-ucgg-generated" gradientUnits="userSpaceOnUse" x1="0%" y1="0%" x2="0%" y2="100%"><stop offset="0%" stop-color="@{legacy_start_color}" stop-opacity="1"/><stop offset="100%" stop-color="@{legacy_end_color}" stop-opacity="1"/></linearGradient><rect x="0" y="0" width="1" height="1" fill="url(#grad-ucgg-generated)" /></svg>';
 
    
    /* base background */
    background: @legacy_color;
    
    /* IE9 you so special */
    .ie.eq9 & {
        .base64DataUriBackground(@svg);
    }
    /* IE8 is the bad kind of special */
    .ie.lt9 & {
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='@{legacy_start_color}', endColorstr='@{legacy_end_color}',GradientType=0 );
    }
    
    /* hooray modern browsers */
    background: -webkit-linear-gradient(@angle, @rest);
    background: -moz-linear-gradient(@angle, @rest);
    background: linear-gradient(@angle, @rest);
}

/*
 * This is not compatible with IE8, don't use it if you have to support old IE
 * 
 * @lhs - Left hand side (height, width, whatever)
 * @rhs - Right hand side, whatever your calculation is.  You probably need a ~
 *
 * Example: .calc(height, ~"100% - 50px")
 *
 * Note, using a guard because less doesn't seem to like using a variable for lhs
 * Annoying, but don't know what else to do
 *
 * http://caniuse.com/calc
 */
.calc(@lhs, @rhs) when (@lhs = width) {
    width: -webkit-calc(@rhs);
    width: calc(@rhs);
}
.calc(@lhs, @rhs) when (@lhs = height) {
    height: -webkit-calc(@rhs);
    height: calc(@rhs);
}
.calc(@lhs, @rhs) when (@lhs = left) {
    left: -webkit-calc(@rhs);
    left: calc(@rhs);
}
.calc(@lhs, @rhs) when (@lhs = right) {
    right: -webkit-calc(@rhs);
    right: calc(@rhs);
}
.calc(@lhs, @rhs) when (@lhs = top) {
    top: -webkit-calc(@rhs);
    top: calc(@rhs);
}
.calc(@lhs, @rhs) when (@lhs = bottom) {
    bottom: -webkit-calc(@rhs);
    bottom: calc(@rhs);
}
.calc(@lhs, @rhs) when (@lhs = min-width) {
    min-width: -webkit-calc(@rhs);
    min-width: calc(@rhs);
}
.calc(@lhs, @rhs) when (@lhs = max-width) {
    max-width: -webkit-calc(@rhs);
    max-width: calc(@rhs);
}
.calc(@lhs, @rhs) when (@lhs = min-height) {
    min-height: -webkit-calc(@rhs);
    min-height: calc(@rhs);
}
.calc(@lhs, @rhs) when (@lhs = max-height) {
    max-height: -webkit-calc(@rhs);
    max-height: calc(@rhs);
}


/*
 * Not compatible with IE8 or IE9 (nothing breaks, they just don't get transitions)
 */
.transition(@arg) {
    -moz-transition: @arg;
    -webkit-transition: @arg;
    transition: @arg;
}

.transition(@transition, @duration, @timingFunction: ease-in-out ) when (@transition = transform) {
    -webkit-transition: -webkit-transform @duration @timingFunction;
    -moz-transition: -moz-transform @duration @timingFunction;
    -ms-transition: -ms-transform @duration @timingFunction;
    transition: transform @duration @timingFunction;
}

.animation (@name, @duration: 300ms, @delay: 0, @ease: ease, @iterationCount: 1) {
    -webkit-animation: @name @duration @delay @ease;
    -moz-animation:    @name @duration @delay @ease;
    -ms-animation:     @name @duration @delay @ease;
    animation-iteration-count: @iterationCount;
    -webkit-animation-iteration-count: @iterationCount;
    -moz-animation-iteration-count: @iterationCount;
}

.transition-delay(@arg) {
    -webkit-transition-delay: @arg;
    -moz-transition-delay: @arg;
    -o-transition-delay: @arg;
    transition-delay: @arg;
}

/*
 * Not supported in <=IE8
 */
.transform(@arg) {
    -ms-transform: @arg;
    -webkit-transform: @arg;
    transform: @arg;
}

.transform-scale(@arg) {
    -ms-zoom: @arg;
    -ms-transform: scale(@arg);
    -webkit-transform: scale(@arg);
    transform: scale(@arg);
}

.transform-origin(@arg) {
    -ms-transform-origin: @arg;
    -moz-transform-origin: @arg;
    -webkit-transform-origin: @arg;
    transform-origin: @arg;
}

.box-sizing(@arg) {
    -moz-box-sizing: @arg;
    -webkit-box-sizing: @arg;
    box-sizing: @arg;
}

.filter(@arg) {
    -ms-filter: @arg;
    -moz-filter: @arg;
    -webkit-filter: @arg;
    filter: @arg;
}

.user-select(@arg) {
    -ms-user-select: @arg;
    -moz-user-select: @arg;
    -webkit-user-select: @arg;
    user-select: @arg;
}

.backface-visibility(@arg) {
    -webkit-backface-visibility: @arg;
    backface-visibility: @arg;
}

.perspective(@arg) {
    -webkit-perspective: @arg;
    perspective: @arg;
}

.cursor-zoom-in(@arg) {
    cursor: @arg;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
}

.cursor-zoom-out(@arg) {
    cursor: @arg;
    cursor: -webkit-zoom-out;
    cursor: -moz-zoom-out;
}

.appearance(@arg) {
    -webkit-appearance: @arg;
    -moz-appearance: @arg;
}

.text-size-adjust(@arg) {
    -webkit-text-size-adjust: @arg;
    -moz-text-size-adjust: @arg;
    -ms-text-size-adjust: @arg;
}

/* 
 *  Make something spin for infinite time, one rotation per @interval 
 *  example: .spin(3000ms)
*/
.spin(@interval) {
    -webkit-animation-name: spin;
    -webkit-animation-duration: @interval;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: spin;
    -moz-animation-duration: @interval;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: spin;
    -ms-animation-duration: @interval;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    animation-name: spin;
    animation-duration: @interval;
    animation-iteration-count: infinite;
    animation-timing-function: linear;

    @-ms-keyframes spin {
        from { -ms-transform: rotate(0deg); }
        to { -ms-transform: rotate(360deg); }
    }
    @-moz-keyframes spin {
        from { -moz-transform: rotate(0deg); }
        to { -moz-transform: rotate(360deg); }
    }
    @-webkit-keyframes spin {
        from { -webkit-transform: rotate(0deg); }
        to { -webkit-transform: rotate(360deg); }
    }
    @keyframes spin {
        from { transform:rotate(0deg); }
        to { transform:rotate(360deg); }
    }
}

/*
 * CSS3 multi-column layout.
 * Won't do anything for IE8 or 9.
 */
.column-count(@arg) {
    -moz-column-count: @arg;
    -webkit-column-count: @arg;
    column-count: @arg;
}
.column-width(@arg) {
    -moz-column-width: @arg;
    -webkit-column-width: @arg;
    column-width: @arg;
}
.column-gap(@arg) {
    -moz-column-gap: @arg;
    -webkit-column-gap: @arg;
    column-gap: @arg;
}
.column-rule(@arg) {
    -moz-column-rule: @arg;
    -webkit-column-rule: @arg;
    column-rule: @arg;
}

/*
 * Input placeholder text
 */
.placeholder-font-style(@style){
    &::-webkit-input-placeholder {
        font-style: @style;
    }
    &:-moz-placeholder {
        font-style: @style;
    }
    &::-moz-placeholder {
        font-style: @style;
    }
    &:-ms-input-placeholder {
        font-style: @style;
    }
}
.placeholder-color(@color: false, @bgcolor: false, @bordercolor: false){
    &::-webkit-input-placeholder {
        .colormixin(@color);
        .bgcolormixin(@bgcolor);
        .bordercolormixin(@bordercolor);
    }
    &:-moz-placeholder {
        .colormixin(@color);
        .bgcolormixin(@bgcolor);
        .bordercolormixin(@bordercolor);
    }
    &::-moz-placeholder {
        .colormixin(@color);
        .bgcolormixin(@bgcolor);
        .bordercolormixin(@bordercolor);
    }
    &:-ms-input-placeholder {
        .colormixin(@color);
        .bgcolormixin(@bgcolor);
        .bordercolormixin(@bordercolor);
    }
}

/* Full-screen mixin */
.full-screen-width(@width: false, @minwidth: false, @maxwidth: false) {
    &:-webkit-full-screen {
        .widthmixin(@width);
        .minwidthmixin(@minwidth);
        .maxwidthmixin(@maxwidth);
    }
    &:-moz-full-screen {
        .widthmixin(@width);
        .minwidthmixin(@minwidth);
        .maxwidthmixin(@maxwidth);
    }
    &:-ms-full-screen {
        .widthmixin(@width);
        .minwidthmixin(@minwidth);
        .maxwidthmixin(@maxwidth);
    }
    &:-o-full-screen {
        .widthmixin(@width);
        .minwidthmixin(@minwidth);
        .maxwidthmixin(@maxwidth);
    }
    &:full-screen {
        .widthmixin(@width);
        .minwidthmixin(@minwidth);
        .maxwidthmixin(@maxwidth);
    }
}
.full-screen-height(@height: false, @minheight: false, @maxheight: false) {
    &:-webkit-full-screen {
        .heightmixin(@height);
        .minheightmixin(@minheight);
        .maxheightmixin(@maxheight);
    }
    &:-moz-full-screen {
        .heightmixin(@height);
        .minheightmixin(@minheight);
        .maxheightmixin(@maxheight);
    }
    &:-ms-full-screen {
        .heightmixin(@height);
        .minheightmixin(@minheight);
        .maxheightmixin(@maxheight);
    }
    &:-o-full-screen {
        .heightmixin(@height);
        .minheightmixin(@minheight);
        .maxheightmixin(@maxheight);
    }
    &:full-screen {
        .heightmixin(@height);
        .minheightmixin(@minheight);
        .maxheightmixin(@maxheight);
    }
}

/* Text hyphenation */
.hyphenate(@style:auto) {
    -webkit-hyphens:@style;
       -moz-hyphens:@style;
        -ms-hyphens:@style;
            hyphens:@style;
}

.clearfix() {
    zoom:1;
    &:before, &:after{ 
        content:""; 
        display:table; 
    }
    &:after{ 
        clear: both; 
    }
}

.font-smoothing(@value: antialiased) when(@value = antialiased) {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.font-smoothing(@value) when (@value = subpixel) {
    -webkit-font-smoothing: subpixel-antialiased;
    -moz-osx-font-smoothing: auto;
}

.font-default(@font-size: 14px, @line-height: 1.2, @font-weight: 300) {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: @font-size;
    line-height: @line-height;
    font-weight: @font-weight;
}

.font-face-calibre() {
    @font-face {
    font-family: 'Calibre-Bold';
        src: url('//st.deviantart.net/fonts/calibre-bold.otf') format('opentype');
        font-weight: normal;
        font-style: normal;
    }
    @font-face {
    font-family: 'Calibre-Semibold';
        src: url('//st.deviantart.net/fonts/calibre-semibold.otf') format('opentype');
        font-weight: normal;
        font-style: normal;
    }

    @font-face {
    font-family: 'Calibre-Light';
        src: url('//st.deviantart.net/fonts/calibre-light.otf') format('opentype');
        font-weight: normal;
        font-style: normal;
    }
}

.font-heading-bold(@font-size: 40px, @line-height: 1, @font-weight: 300) {
    font-family: 'Calibre-Bold';
    line-height: @line-height;
    font-weight: @font-weight;
    font-size: @font-size;
}

.flexbox() {
    /* order is important here */
    display: -webkit-box;      /* OLD - iOS <6, Safari 3.1-6 */
    display: -moz-box;         /* OLD - Firefox <19 */
    display: -ms-flexbox;      /* TWEENER - IE 10 */
    display: -webkit-flex;     /* NEW - Chrome */
    display: flex;             /* NEW, Opera 12.1, Firefox >20 */
}

.flex() {
    .flexbox();

    /* but not here */
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-direction: row;
    -webkit-flex-direction:row;
    -moz-flex-direction:row;
    justify-content: flex-start;
    -webkit-justify-content:flex-start;
    -moz-justify-content:flex-start;
}
.flex-sizing(@size:1) {
    flex-grow: @size;
    -ms-flex-grow: @size;
    -moz-flex-grow: @size;
    -webkit-flex-grow:@size;
    flex-shrink: @size;
    -ms-flex-shrink: @size;
    -moz-flex-shrink: @size;
    -webkit-flex-shrink: @size;
}
.flex-center() {
    -webkit-box-pack: center; /* OLD - iOS <6, Safari 3.1-6 */
    -webkit-box-align: center;
    -moz-box-pack: center; /* OLD - Firefox <19 */
    -moz-box-align: center;
    -ms-flex-pack: center; /* TWEENER - IE 10 */
    -ms-flex-align: center;
    -webkit-justify-content: center; /* NEW - Chrome, Safari */
    -webkit-align-items: center;
    justify-content: center; /* NEW, Opera 12.1, Firefox >20 */
    align-items: center; 
}

.flexbox-inline() {
    display: -ms-inline-flex;
    display: -webkit-inline-flex;
    display: inline-flex;
}
.flex-direction(@value: row) {
    -webkit-flex-direction: @value;
    -ms-flex-direction: @value;
    flex-direction: @value;
}
.flex-grow(@value: 0) {
    -webkit-flex-grow: @value;
    -ms-flex-grow: @value;
    flex-grow: @value;
}
.flex-shrink(@value: 1) {
    -webkit-flex-shrink: @value;
    -ms-flex-shrink: @value;
    flex-shrink: @value;
}
.flex-justify(@value: flex-start) {
    -webkit-justify-content: @value;
    -ms-justify-content: @value;
    justify-content: @value;
}
.flex-align(@value: stretch) {
    -webkit-align-items: @value;
    -ms-align-items: @value;
    align-items: @value;
}
.flex-align-self(@value: auto) {
    -webkit-align-self: @value;
    -ms-align-self: @value;
    align-self: @value;
}
.flex-wrap(@value: wrap) {
    -webkit-flex-wrap: @value;
    -ms-flex-wrap: @value;
    flex-wrap: @value;
}
.fit(@margin:0) {
    position: absolute;
    top: @margin;
    right: @margin;
    bottom: @margin;
    left: @margin;
}

.fit-fixed(@margin:0) {
    position: fixed;
    top: @margin;
    right: @margin;
    bottom: @margin;
    left: @margin;
}

.transition-cubic-bezier(@property: all, @duration: 0.2s) {
    .transition(@property @duration cubic-bezier(0, 0, 0.58, 1));
}

/*
 * Push lately to have greyscale interfaces.
 * UI likes to think in terms of % grey, so they make mocks with
 * rgba(0,0,0, .74) for 74% grey.
 * This style uses more css room, requires more processing cycles from the browser's paint, and is dangerous
 * if underlying element is ever changed to something other than white.
 *
 * Now you can just do .foo { .grey(74%); color:@grey; }
 */

.grey(@percentage) {
    @grey: darken(#fff, 100% - @percentage);
}


/* Old brand colors */
.brandcolors() {
    @primary-green: #0FCC47;
    @primary-teal: #41CFC7;
    @primary-orange: #F75908;
    @primary-magenta: #ED145A;
    @primary-lightgreen: #BDD023;
    @primary-darkgreen: #026D20;

    @grey1: #111;
    @grey2: #242626;
    @grey3: #2F3131;
    @grey4: #323232;
    @grey5: #363636;
    @grey6: #474747;
    @grey7: #555;
    @grey8: #575757;
    @grey9: #666;
    @grey10: #6F6F6F;
    @grey11: #727272;
    @grey12: #828282;
    @grey13: #999;
    @grey14: #909090;
    @grey15: #CBCBCB;
    @pale-grey: #F2F2F2;

    @black-alpha1: rgba(0,0,0,0.5);
    @black-alpha2: rgba(0,0,0,0.2);

    @white-alpha1: rgba(0,0,0,0.8);
    @white-alpha2: rgba(0,0,0,0.5);
    @white-alpha3: rgba(0,0,0,0.3);
    @white-alpha4: rgba(0,0,0,0.2);
    @white-alpha5: rgba(0,0,0,0.1);
    @white-alpha6: rgba(0,0,0,0.07);

    @list-level-0: #19252C;
    @list-level-1: #273943;
    @list-level-2: #324855;
    @list-level-3: #455C69;
}

/* New brand colors */
.11-14-brandcolors() {
    /* Used by the header */
    @brand-green: #05CC47;
    @header-green: #475C4D;
    @dark-header-green: #46584A;
    @border-green: #38463B;
    @subheader-green: #3D4F42;
    @submit-green: #5FAC75;
    @menu-grey: #313836;
    @hover-blue: #508FA3;

    /* Colors from the brand guidelines */

    @black: #000;
    @grey1: #181A1B;
    @grey2: #4F5254;
    @grey3: #7D8080;
    @grey4: #F2F2F2;
    @white: #FFF;
    @darker-grey: #181A1B;
    @pale-grey: #F2F2F2;


    @blue1: #1F3833;
    @blue2: #36807A;
    @blue3: #40CFC7;
    @blue4: #D4F5F2;

    @green1: #1F3626;
    @green2: #42704F;
    @green3: #4DC47D;
    @green4: #D4F5DE;

    @orange: #F7590A;


    @core-access-icon: #FFB35C;
    @core-plus-icon: #FF815F;
    @core-pro-icon: #E776FF;
    @core-pro-plus-icon: #FF94B4;
    @core-max-icon: #7579FF;


    @accent-orange: darken(@orange, 10%);
}