/*
 *  (c) 2000-2025 deviantART, Inc. All rights reserved.
 */
/* @@include cssms/lib/mixins/css3.css */
/* The only type of thing that belongs here is styles that are inevitably shared by separate contexts 

   Adding something to this file should be a last resort!
*/

.stash-folder-name textarea.text, 
.stash-stream .stash-thumb-container input.text.shorturl {
    font-family: Verdana, Geneva, sans-serif;
    color: #515c5a;
    letter-spacing: -0.25px;
    padding: 7px 8px;
    background: #f7f7f7; 
    border-radius: 3px;
    box-shadow:0 1px rgba(255,255,255,0.4), 0 1px 4px #bdbdbd inset;
}

.infinite-scroll-placeholder {
    display: none;
}

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

.stash-page #overhead td {
    vertical-align: top;
}

.oh-stashmain > h1 {
    padding: 7px 0 4px 15px;
    margin-bottom: 0;
    width: auto;
    height: auto;
}
.oh-stashmain i.i1337 img {
    margin: 3px 0 0 0;
}
#oh-stashbacktab,
.stash-page #overhead-collect #overhead tbody tr td.f,#overhead tbody tr td.f
#overhead-collect #overhead tbody tr td.oh-stashinactivetab {
    position: relative;
    background-image: url(/minish/stash/stashtab_sprite.png);
    background-position: 0 -99px;
    background-repeat: no-repeat;
    height: 40px;
    width: 162px;
    min-width: 162px; /* For IE */
    padding-top: 5px;
    left: -52px;
    margin-top: 1px;
}
.stash-page #overhead-collect #overhead tbody tr td.f,#overhead tbody tr td.f
#overhead-collect #overhead tbody tr td.oh-stashinactivetab {
    display: block;   
}
#overhead-collect #overhead tbody tr td.oh-stashinactivetab {
    background-position: 0 5px; /* Only for the main Sta.sh */
}
.writer #oh-stashbacktab {
    display: inline; /* Only needed block for the background image */
}
.stash-page-folder #oh-stashbacktab,
.stash-page-folder #overhead-collect #overhead tbody tr td.f,
.stash-page-folder #overhead-collect #overhead tbody tr td.oh-stashinactivetab {
    background-position: 0 -99px;
    margin-right: 2px;
}
.stash-page-folder #oh-stashbacktab:hover,
.stash-page-folder #overhead-collect #overhead tbody tr td.f.hover,
#oh-stashbacktab:hover,
.stash-page #overhead-collect #overhead tbody tr td.f.hover {
    background-position: 0 -153px;
}
.stash-page #overhead {
    margin-left: 5px;
}
.oh-stashmain {
    border-right: 0px solid #f5f5f5;
    padding: 1px 0;
    position: relative;
}
.oh-stashmain.mmhover {
    background-color: #f7f7f7;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    box-shadow:1px 2px 4px rgba(0, 0, 0, 0.3), -1px 2px 4px rgba(0, 0, 0, 0.3);
    margin-right: -1px;
    z-index: 250;
}
.oh-stashmain.mmhover > .oh-l {
    border-bottom: 1px solid #f7f7f7;
    border-right: none;
}
.oh-stashmain > h1 img.avatar {
    width: 30px;
    height: 30px;
    float: left;
}
.oh-stashmain > h1 img.stash-logo {
    margin-left: 8px;
}
.oh-stashmain > #oh-mainmenu {
    top: 1px;
    top: 41px\9;
    left: 0;
    width: 100%;
    margin-bottom: -1px;
    position: relative;
    position: absolute\9;
    box-shadow:none;
    background: #f7f7f7;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-bottom: 0;
}
.oh-stashmain > #oh-mainmenu a.mi {
    color: #1B91E2;
}
.oh-stashmain > #oh-mainmenu a.mi:hover,
.oh-stashmain > #oh-mainmenu a.mi.mi-logout:hover {
    color: #fff;
    background: #1B91E0;
}
.oh-stashmain > #oh-mainmenu a.mi.mi-logout {
    padding-left: 12px;
    padding-bottom: 4px;
    color: #737373;
    background-color: #dcdcdc;
    background-image: url(/minish/stash/stashdd_bottomrim.png);
    background-repeat: repeat-x;
    margin-top: 4px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
.oh-stashmain > #oh-mainmenu a.mi .i1337 {
    background: transparent;
    left: 8px;
}
.oh-stashmain > #oh-mainmenu a.mi .iddqd {
    background-image: url('/minish/stash/da-icon-v2.png');
    background-repeat: no-repeat;
    background-position: 4px 4px;
}
.oh-stashmain > #oh-mainmenu a.mi .iddt {
    background-image: url('/minish/stash/stash-arrows-icons.png?15');
    background-repeat: no-repeat;
    background-position: -380px -157px;
}
.oh-stashmain > #oh-mainmenu a.mi .idkfa {
    background-image: url('/minish/stash/stash-arrows-icons.png?15');
    background-repeat: no-repeat;
    background-position: -380px -52px;
}
.oh-stashmain > #oh-mainmenu a.mi:hover .idkfa {
    background-position: -380px -78px;
}
.oh-stashmain > #oh-mainmenu .oh-hr {
    height: 0;
    border-top: 1px solid #d6d6d6;
    border-bottom: 1px solid #f6f6f6;
    background: transparent;
}
.oh-stashmain > #oh-mainmenu .oh-hr.oh-hrlast {
    display: none;
}
body #overhead-collect .oh-stashmain > a.oh-l,
body.writer .oh-stashmain > a.oh-l,
body.ccwriter-subframe .oh-stashmain > a.oh-l {
    padding: 0 8px 0 35px;
    height: 44px;
    width: auto;
    line-height:44px;
    background-image: none;
    display: inline-block;
}

body #dv7 #overhead-collect .oh-stashmain > a.oh-l {
    padding-left: 5px;
}

.oh-stashmain > a.oh-l > .oh-stashlogo {
    display:inline-block;
    margin: 9px 5px 0 -30px;
}
.oh-stashmain > a.oh-l > span.oh-stashtitle {
    text-indent:-9001px;
    background-image: url('/minish/stash/stash-arrows-icons.png?15');
    background-position:-327px 0px;
    width: 73px;
    display:inline-block;
    height: 19px;
    margin-top: 15px;
    margin-bottom:4px;
    background-position:-327px -18px;
}
.oh-stashmain.mmhover > a.oh-l {
    background-color: #f7f7f7;
}
.oh-stashmain.mmhover > a.oh-l > span.oh-stashtitle {
    background-position:-327px -18px;
}

/* quick share */
.ile-shorturl {
    padding: 3px 0 0 0;
    color: #bfc6c1;
    font-size: 10px;
    font-weight: bold;
}
#overhead td.ile-shorturl {
    padding-top: 10px;
}
.ile-shorturl.shorturl-publicview {
    padding-right: 15px;
}
.ile-shorturl input {
    background-color: #dcdcdc;
    border: 1px solid #cacaca;
    border-radius: 3px;
    box-shadow:0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 1px rgba(0, 0, 0, 0.1) inset;
    color: #414141;
    height: 23px;
    margin-left: 5px;
    margin-top: 0px;
    text-align: center;
    width: 165px;
}
.ile-shorturl input:focus {
    background-color: #f6f7f7;
    color: #000;
}

body.writer .oh-stashmain > a.oh-l,
body.writer #overhead-collect .oh-stashmain > a.oh-l,
body.ccwriter-subframe .oh-stashmain > a.oh-l,
body.muro .oh-stashmain > a.oh-l,
body.muro #overhead-collect .oh-stashmain > a.oh-l {
    width:152px;
}
body.writer .oh-stashmain > a.oh-l > .oh-stashlogo,
body.ccwriter-subframe .oh-stashmain > a.oh-l > .oh-stashlogo,
body.muro .oh-stashmain > a.oh-l > .oh-stashlogo {
    background-image: url('/minish/stash/stash-arrows-icons.png?15');
    background-position:-324px -96px;
    width:37px;
    height:30px;
    margin-right: 3px;
}
body.writer .oh-stashmain > a.oh-l > .oh-stashlogo > img,
body.ccwriter-subframe .oh-stashmain > a.oh-l > .oh-stashlogo > img,
body.muro .oh-stashmain > a.oh-l > .oh-stashlogo > img {
    display:none;
}
body.writer .oh-stashmain > a.oh-l > span.oh-stashlogo,
body.writer .oh-stashmain.mmhover > a.oh-l > .oh-stashlogo,
body.ccwriter-subframe .oh-stashmain > a.oh-l > span.oh-stashlogo,
body.ccwriter-subframe .oh-stashmain.mmhover > a.oh-l > .oh-stashlogo {
    background-position:-324px -56px;
}
body.writer .oh-stashmain > a.oh-l > span.oh-stashtitle,
body.ccwriter-subframe .oh-stashmain > a.oh-l > span.oh-stashtitle,
body.muro .oh-stashmain > a.oh-l > span.oh-stashtitle {
    width:143px;
}
body.writer .oh-stashmain > a.oh-l > span.oh-stashtitle,
body.writer .oh-stashmain.mmhover > a.oh-l > span.oh-stashtitle,
body.ccwriter-subframe .oh-stashmain > a.oh-l > span.oh-stashtitle,
body.ccwriter-subframe .oh-stashmain.mmhover > a.oh-l > span.oh-stashtitle {
    background-position:-165px -18px;
}
body.writer .oh-stashlogo-name,
body.ccwriter-subframe .oh-stashlogo-name,
body.muro .oh-stashlogo-name {
    display: none;
}
/* now this one's fun */
@font-face {
    font-family: 'Depot New';
    src: url('/minish/depot/style_190340.eot');
    src: url('/minish/depot/style_190340.eot?#iefix') format('embedded-opentype'),
        url('/minish/depot/style_190340.woff') format('woff'),
        url('/minish/depot/style_190340.ttf') format('truetype'),
        url('/minish/depot/style_190340.svg#DepotNew-Regular') format('svg');
}
@font-face {
    font-family: 'Depot New Light';
    src: url('/minish/depot/style_190342.eot');
    src: url('/minish/depot/style_190342.eot?#iefix') format('embedded-opentype'),
         url('/minish/depot/style_190342.woff') format('woff'),
         url('/minish/depot/style_190342.ttf') format('truetype'),
        url('/minish/depot/style_190342.svg#DepotNew-Regular') format('svg');
}
.oh-stashtitle,
.oh-stashlogo-name,
.oh-stashsubmit {
    font-size: 18pt;
    font-family: Depot New Light, sans-serif;
    vertical-align: top;
    position: relative;
    color: #808080;
    letter-spacing: -1px;
    text-shadow: 0 -1px 0 rgba(0,0,0,0);
}
.oh-submiticon,
.oh-stashsubmit {
    display: none;
}
.oh-stashlogo-name {
    margin-top: -5px;
    padding-top: 0;
    padding-left: 6px;
    display: inline-block;
}

#overhead-collect .smbutton.submit-button {
    margin: 8px 18px 0 8px;
    border-radius: 5px;
    border: 1px solid #34443C;
    color: #3A5E0B;
}
#overhead-collect .smbutton.submit-button > span {
    padding-top: 5px;
    border-top-color: transparent;
}
body.stash-only #overhead-collect .oh-hassubmitbutton {
    display: none;
}

@media only screen and (max-device-width: 480px) {
    /* General */
    .ile-right {
        padding: 20px 10px;
    }
    #ile-container .ile-left {
        max-width: 100%;

    }
    .stash-page #overhead-collect #overhead tbody tr td.f,
    .stash-page #oh-stashbacktab,
    .stash-page .oh-keep {
        display: none;
    }

    #overhead-collect td.oh-ile-submit-nav-buttons .ile-button.ile-submit-button,
    #overhead-collect td.oh-ile-submit-nav-buttons .ile-button.ile-save-exit-button,
    #overhead-collect td.oh-ile-submit-nav-buttons .ile-button.ile-scheduled-button,
    #overhead-collect td.oh-ile-submit-nav-buttons.multi-steps .ile-button.ile-continue-button,
    #overhead-collect td.oh-ile-submit-nav-buttons .ile-button.ile-go-back-button,
    #overhead-collect td.oh-ile-submit-nav-buttons[data-step="2"] .ile-button.ile-go-back-button,
    #overhead-collect td.oh-ile-submit-nav-buttons[data-step="3"] .ile-button.ile-go-back-button, 
    .oh-ile-submit-nav-buttons,
    .price-denominations.price-earnings {
        display: none;
    }

    #oh-step {
        width: 0;
    }

    .ile-left .ile-section-category .cat-preview {
        padding: 0;
    }
    
    #ile-container .ile-section-footer-buttons {
        text-align: center;
    }
    
    /* PCP */
    .terms-content {
        overflow-y: scroll;
        height: 200px;
    }
    .terms-content .policy-page {
        min-width: 0;
    }
    #ile-container .ile-footer .ile-section-footer-buttons {
        padding: 0;
    }
    
    /* Prints */
    #error_messages {
        margin: 0;
    }
    
    
}

/* Everything about the page you see when you open a stack */
.stash-folder-view {
    display: none;
    padding-top: 3px;
}
.stash-folder-view .mczone-title,
.stash-project-view .mczone-title {
    margin-left: 0;
}
.stash-folder-view .mczone-title .nav2 a,
.stash-project-view .mczone-title .nav2 a {
    cursor: pointer;
    display: inline-block;
    font-size: 10px;
    letter-spacing: 0.5px;
    text-shadow: 0 0 0.2px #76777A, 0 1px 1px #EAF2EE;
    margin: 0;
    outline: medium none;
    position: relative;
    text-align: center;
    text-decoration: none;
    width: 100%;
    padding: 3px 0 0 0;
    height: 24px;
    z-index: 2;
    color: #76777A;
}
.stash-folder-view .mczone-title .nav2 a {
    background: url(/minish/stash/backtostash_buttons.png);
    height: 30px;
    width: 103px;
    border: none;
}
.stash-folder-view .mczone-title .nav2 a:hover {
    background-position: 0 -33px;
}
.stash-folder-view .mczone-title .nav2 a:active {
    background-position: 0 -66px;
}
.stash-folder-view .mczone-title .nav2.active-drag-hover a,
.stash-project-view .mczone-title .nav2.active-drag-hover a {
    background-position: 0 -66px;
}
.stash-folder-view .mczone-title .nav2 a span,
.stash-project-view .mczone-title .nav2 a span {
    display: block;
    padding: 5px 0;
}
.stash-folder-view .stash-upload {
    margin-top: -4px;
    float: right;
}

/* Back to sta.sh */

.stash-button-container .bb-with-sep {
    padding-right:12px;
    float: left;
}

/* Folder description */

div.stack-description {
    clear: left;
    margin-top: 20px;
}
div.stack-description.public {
    display:block;
    margin-left: 18px;
}
.stack-description .title {
    color: #5F6064;
    font-family: "Trebuchet MS",sans-serif;
    font-size: 14px;
    font-weight: bold;
    text-shadow: 0 0 2px #F8F8F8;
}
div.stack-description-body.temp {
    white-space: pre-wrap;
}

div.stack-description-body {
    margin: 4px 0 0 -6px;
}
div.stack-description-body {
    padding: 6px 12px 6px 6px;
    min-height: 22px;
}
div.stack-description-body.read:hover {
    padding: 5px 11px 5px 5px;
    background: url("/minish/stash/ico-stack-edit-pencil.png") ;
    background-repeat: no-repeat;
    background-position: 99% 6px;
    border: 1px solid #dbdddd;
    border-radius: 2px;
}
.public div.stack-description-body:hover {
    background: none;
    border: none;
    padding: 6px 12px 6px 6px;
    cursor: auto;
}
div.stack-description-body:hover {
    cursor: text;
}
div.stack-description span.default {
    color: #afafaf;
}
.stack-description-body {
    font: inherit;
}

/* Folder name */
.stash-folder-name {
    float: left;
    margin: -6px 0 1px 10px;
    position: relative;
}
.stash-folder-name > h2.read:hover {
    border: 1px solid #c5c5c5;
    margin: -1px;
    background: url('/minish/stash/ico-stack-edit-pencil.png') transparent no-repeat right center;
}
.stack-description-body:focus,
.stash-folder-name > h2:focus {
    background-color: white;
}
.stack-description-body-formatted {
    cursor: text;
    border: 1px solid transparent;
    padding: 3px 1px;
    min-height: 25px;

    &:hover {
        border-color: #c5c5c5;
        background-image: url("/minish/stash/ico-stack-edit-pencil.png");
        background-repeat: no-repeat;
        background-position:  99% 5px;
    }
}

/* I have made these rules fairly specific; if you want to make them less specific, make
   sure they DON'T target the h2 in freeform deviations. ~David */
.stash-folder .stash-folder-name > h2 {
    float: left;
    margin-right: 8px;
    padding: 8px 16px 8px 8px;
}
.stash-folder-name h2, .stash-folder .stash-folder-name > h2 {
    color: #2A4035;
    font-family: "Trebuchet MS", sans-serif;
    font-size: 14pt;
    font-weight: bold;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}
.stash-container.stash-folder.readonly .hh {
    padding-right: 0;
}
.stash-container.stash-folder.readonly .hh .rr {
    display: none;
}

/* @@include cssms/lib/mixins/css3.css */
.stash-upload-box {
    background: none repeat scroll 0 0 #E9F1F7;
    border: 1px solid #D8E0E5;
    border-radius: 6px;
    box-shadow:0 1px 0 #FFFFFF;
    clear: both;
    color: #7B9DB8;
    padding: 16px 0 22px 0;
    text-align: center;
    font-family: Verdana,sans-serif;
    letter-spacing: 0;
}
.stash-upload-box.stash-file-hover {
    background: -moz-linear-gradient(-90deg, #D7EEFE, #BBDBF1) repeat scroll 0 0 transparent;
    background: -webkit-linear-gradient(#D7EEFE, #BBDBF1);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#D7EEFE', endColorstr='#BBDBF1');
    border: 1px solid #9CBBD1;
    box-shadow:0 1px 5px rgba(0, 0, 0, 0.25) inset, 0 1px 0 #FFFFFF;
}
.stash-upload-box .instruction, .stash-upload-box .instruction-nodrag {
    font-size: 12px;
    line-height: 16px;
}
.stash-upload-box .instruction-nodrag {
    padding-bottom: 11px;
}
.stash-upload-box .alternative {
    font-size: 10px;
    font-weight: bold;
    display: block;
    padding: 7px 0 11px 0;
    line-height: 12px;
}
.stash-upload-box .instruction, .stash-upload-box .alternative {
    display: block;
    display: none\9;
}
.stash-upload-box .instruction-nodrag {
    display: none;
    display: block\9;
}
/* Opera has to be forced to not advertise d&d */
noindex:-o-prefocus, .stash-upload-box .instruction, .stash-upload-box .alternative {
    display: none;
}

noindex:-o-prefocus, .stash-upload-box .instruction-nodrag {
    display: block;
}
.is_touch .stash-upload-box .instruction {
    display: none;
}
.is_touch .stash-upload-box .instruction-nodrag {
    display: block;
}
.stash-upload-box.full-stash {
    background-color: #E8E8E8;
    background: -moz-linear-gradient(center top , #E8E8E8, #E1E1E1) repeat scroll 0 0 transparent;
    background: -webkit-gradient(linear, center top, center bottom, from(#E8E8E8), to(#E1E1E1));
    background: linear-gradient(top, #E8E8E8, #E1E1E1);
    border: 1px solid #BCBCBC;
}
.stash-upload-box.full-stash .normal {
    display: none;
}
.stash-upload-box .full {
    display: none;
}
.stash-upload-box.full-stash .full {
    display: block;
}
.stash-upload-box.full-stash .instruction {
    color: #5e5e5e;
    margin: 0 0 5px 0;
    display: block;
}
.stash-upload-box.full-stash .instruction.title {
    color: #3b3b3b;
    font-weight: bold;
    display: block;
}
.stash-upload-box.full-stash .smbutton.smbutton-green.stash-button-upgrade {
    margin-bottom: 0;
}
.stash-upload-box .warning {
    background-image: url(/minish/stash/stash-arrows-icons.png?15);
    background-position: 0 23px;
    height: 20px;
    width: 23px;
    display: inline-block;
    vertical-align: middle;
}

/* button */

.stash-upload {
    display: inline;
    text-align: center;
}
.stash-upload #stash-form {
    height: 33px;
}
.stash-upload #stash-form .smbutton {
    margin: 0;
    border-radius: 3px;
    border: 1px solid #79A9CF;
    background: #93C9F2;
    background: -webkit-gradient(linear, left top, left bottom, from(#B3D9F6), to(#74B9EE)); /* for webkit browsers */
    background: -moz-linear-gradient(top,  #B3D9F6,  #74B9EE); /* for firefox 3.6+ */
    box-shadow:0 1px 0 rgb(207, 214, 220);
}
.stash-upload .smbutton span {
    border-top: 1px solid #C6E3F8;
    text-shadow: 0 1px 0 rgba(192, 223, 248, 0.9);
    color: #16598F;
    padding: 8px 24px;
    font-size: 12px;
    font-weight: bold;
}
.stash-upload .smbutton span i {
    background: url("/minish/stash/stash-button-icons.png") no-repeat scroll 0 0 transparent;
    display: inline-block;
    width: 10px;
}
.invisible {
    display: none;
}

/* upload progress */

.stash-progress-bar {
    background: #9DA5B0;
    background: -moz-linear-gradient(#9DA5B0, #B6BCC6);
    background: -webkit-linear-gradient(#9DA5B0, #B6BCC6);
    border-radius: 3px;
    box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.5) inset, 0 1px 0 0 #FFFFFF;
    height: 13px;
    padding-right: 2px;
    position: relative;
    width: 150px;
    z-index: 900;
    margin: 0 auto;
}
div.stream.stash-stream div.tt-a.stash-tt-a.stash-stack.selected .stash-progress-bar {
    top: -13px;
}
.progress {
    background-color: #74D04C;
    background-image: url(/minish/stash/miniprogbar.gif);
    background-repeat: repeat-x;
    border: 1px solid #4C8932;
    border-radius: 3px;
    display: block;
    height: 11px;
    overflow: hidden;
    position: absolute;
}
.progress span.ui-label {
    color: #0C0C0C;
    opacity: 0;
    display: inline;
    font-size: 10px;
    line-height: 10px;
    padding-right: 4px;
    position: absolute;
    right: 0;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.75);
    white-space: nowrap;
}

#auth_frame {
    position: absolute;
    top: 46px;
    left: 0;
    right: 0;
    bottom: 0;
    display: inline-block;
    width: 100%
}

#auth_iframe {
    background: #f5f5f5;
    border: 0;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    display: block;
    z-index: 100;
    overflow: auto;
}

#bg_auth_iframe {
    width: 1px;
    height: 1px;
    display: none;
}
#close_modal_msg {
    text-align: center;
    padding: 80px 20px;
}

#no_cookie_login_link {
    display: none;
    float: right;
    color: #000;
    font-weight: bold;
}

#no_cookie_login_link a {
    color: #000;
    text-decoration: underline;
}

/* @@include cssms/lib/mixins/css3.css */
#stash-upgrade-notice {
    background: #e9f1f7;
    border: 1px solid #d8e0e5;
    box-shadow:0 1px 0 #FFFFFF;
    padding: 2em;
    border-radius: 6px
}

#stash-upgrade-notice > a {
    text-decoration: underline;
    color: #196ba7;
}

.stash-drag-container {
    cursor: pointer;
    z-index: 120;
    opacity: 0.5;
}
.stash-drag-container .stash-thumb-container {
    position: absolute;
    filter: alpha(opacity=50);
}
.stash-drag-container .stash-thumb-container .gm-chaos {
    visibility: hidden;
}
.stash-drag-container .stash-thumb-container .shadow {
    visibility: hidden;
}
.stash-drag-container .stash-thumb-container:first-child .shadow {
    visibility: visible;
}
div.stream.stash-stream .drag-hover-l,
div.stream.stash-stream .drag-hover-r {
    background:url(/minish/gruzecontrol/smartbell.gif?3.gif) no-repeat left center;
}
div.stream.stash-stream .drag-hover-r {
    background-position:right center;
}

/* reordering */

.stash-thumb-container .tt-w .reorder_zone {
    position: absolute;
    top: 10px;
    height: 158px;
    width: 30px;
}
/* T10196 inside stacks the gaps cover a lot more ground */
.stash-folder-stream .stash-thumb-container .tt-w .reorder_zone {
    width: 97px;
}
.stash-folder-stream .stash-thumb-container .tt-w .reorder_zone.left_reorder_zone,
.stash-folder-stream .stash-thumb-container .tt-w .reorder_zone.right_reorder_zone {
    z-index: 9;
}
/* If we're dragging a file over the page, we need the gaps to be in the forefront */
body.dragover-file .stash-folder-stream .stash-thumb-container .tt-w .reorder_zone.left_reorder_zone,
body.dragover-file .stash-folder-stream .stash-thumb-container .tt-w .reorder_zone.right_reorder_zone {
    z-index: 11;
}
.stash-thumb-container .tt-w .reorder_zone.right_reorder_zone {
    right: -3px;
    z-index: 11;
}
.stash-thumb-container .tt-w .reorder_zone .reorder_zone_divider {
    height: 156px;
    width: 11px;
    position: absolute;
    z-index: -1;
    top: 0;
    display: none;
    background-image: url('/minish/gruzecontrol/smartbell.gif');
    background-repeat: no-repeat;
}
.stash-thumb-container .tt-w .reorder_zone.left_reorder_zone .reorder_zone_divider {
    left: -6px;
}
.stash-thumb-container .tt-w .reorder_zone.right_reorder_zone .reorder_zone_divider {
    right: -6px;
}
.stash-thumb-container .tt-w .reorder_zone.left_reorder_zone.hovering .reorder_zone_divider {
    display: block;
}
.stash-thumb-container .tt-w .reorder_zone.right_reorder_zone.hovering .reorder_zone_divider {
    display: block;
}

/* @@include cssms/lib/mixins/css3.css */
/* Hovercards and hovering-related styles */

.stash-stream .stash-thumb-container .ctl {
    opacity:0;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    background-color: #d6d6d6;
    border-top: 1px solid #c8c8c9;
    box-shadow:0 1px 0 rgba(255, 255, 255, .25) inset;
    background: -webkit-gradient(linear, left top, left bottom, from(#d6d6d6), to(#bfbfbf));
    background: -moz-linear-gradient(top,  #d6d6d6,  #bfbfbf);
    width: 188px;
}
.ie.eq9 .stash-stream .stash-thumb-container .ctl {
    width: 190px;
}
.stash-stream .stash-thumb-container .ctl .hovercard-controls {
    opacity: 1;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    margin: 6px auto 0;
    position: relative;
    right: 0;
    top: 0;
}
div.stream.stash-stream div.tt-a.stash-tt-a.selected {
    width: 188px;
    margin-left: 1px;
    margin-right: 1px;
}
div.stream.stash-stream div.tt-a.stash-tt-a.selected .ctl {
    display: none;
}
div.stream.stash-stream .stash-thumb-container.selection-hover-mode div.tt-a.stash-tt-a.selected .ctl {
    display: block;
}
.ctl input {
    opacity: 0;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.hover-mode .ctl input {
    opacity: 1;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.ctl input.text {
    border: 1px solid #51a8e2;
    font: 10px Verdana, sans-serif;
    color: #88898b;
    box-shadow: 0 0 4px rgba(81, 168, 226, .85);
}
.ctl input.text:focus {
    outline-width: 0;
}
/* These don't seem to work.... */
.ctl input.text::selection {
    background: #dce9f2; /* Safari */
    }
.ctl input.text::-moz-selection {
    background: #dce9f2; /* Firefox */
}
.stash-stream.stash-folder-stream .stash-thumb-container.force-big .ctl,
.stash-stream.stash-folder-stream .stash-thumb-container .ctl {
    width: 228px;
}
div.stream.stash-stream.stash-folder-stream .stash-thumb-container div.tt-a.stash-tt-a.selected .ctl {
    width: 188px;
}
div.stream.stash-stream.stash-folder-stream .stash-thumb-container.selection-hover-mode div.tt-a.stash-tt-a.selected .ctl {
    width: 186px;
}
div.stream.stash-stream.stash-folder-stream .stash-thumb-container.force-big div.tt-a.stash-tt-a.selected .ctl {
    width: 226px;
}
.stash-stream .stash-thumb-container .ctl a.f {
    display: inline-block;
    padding: 3px;
    min-width: 40px;
    font: 10px Verdana, sans-serif;
    color: #595a5c;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);
    margin: 0 5px 7px 5px;
}
.stash-stream.stash-root-stream .stash-thumb-container.force-big .selected .ctl a.f {
    margin: 0 5px 10px 5px;
}
.stash-stream.stash-root-stream .stash-thumb-container.force-big .selected .ctl.stacked a.f {
    margin: 0 10px 10px 10px;
}
.stash-stream .stash-thumb-container .selected .ctl a.f,
.stash-stream .stash-thumb-container .ctl.stacked a.f {
    margin: 0 10px 10px 10px;
}
.stash-page.multisubmit .stash-stream .stash-thumb-container .selected .ctl a.f,
.stash-page.multisubmit .stash-stream .stash-thumb-container .ctl.stacked a.f {
    margin: 0 0 10px;
}
.stash-page.multisubmit .stash-stream .stash-thumb-container .ctl a.f {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    max-width: 40px;
}
.stash-page.multisubmit .stash-stream .stash-thumb-container.hover-mode .ctl a.f,
.stash-page.multisubmit .stash-stream .stash-thumb-container .selected .ctl a.f {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.stash-stream.stash-folder-stream .stash-thumb-container.force-big .selected .ctl a.f, 
.stash-stream.stash-folder-stream .stash-thumb-container .ctl a.f {
    margin: 0 3px 10px 3px;
}
.stash-stream.stash-folder-stream .stash-thumb-container .selected .ctl a.f {
    margin: 0 6px 10px 6px;
}
.stash-stream .stash-thumb-container .ctl a:hover.f {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    color: #4a4b4b;
    background-color: #bdbdbd;
    background: -webkit-gradient(linear, left top, left bottom, from(#bdbdbd), to(#c0c0c0));
    background: -moz-linear-gradient(top,  #bdbdbd,  #c0c0c0);
    border-radius: 3px;
    box-shadow:inset 0 1px 3px rgba(0, 0, 0, .15);
}
.stash-stream .stash-thumb-container .ctl a.f .img {
    display: block;
    height: 12px;
    width: 13px;
    margin: 0 auto;
    background-image: url(/minish/stash/hovercard-icons.png);
}
.stash-stream .stash-thumb-container .ctl a.f.view .img {
    background-position: 0 0;
}
.stash-stream .stash-thumb-container .ctl a.f.edit .img {
    background-position: -93px 0;
}
.stash-stream .stash-thumb-container .ctl a.f.back .img {
    background-position: -62px 0;
}
.stash-stream .stash-thumb-container .ctl a.f.delete .img {
    background-position: -31px 0;
}
.stash-stream .stash-thumb-container .ctl a.f.merge .img {
    background-position: -125px 0;
    width: 15px;
}
.stash-stream .stash-thumb-container .ctl input.text {
    margin-top: 0;
    margin-bottom: 15px;
}

/* Control buttons */

.stash-stream .stash-thumb-container .ctl a.delete.confirm .img,
.stash-stream .stash-thumb-container .ctl a.delete.confirm .num {
    display: none;
}
.stash-stream .stash-thumb-container .ctl a.delete.confirm,
.stash-stream .stash-thumb-container .ctl .cancel_holder {
    margin: 0;
    padding: 0;
    width: 50%;
    display: inline-block;
}
.stash-stream .stash-thumb-container .ctl a.delete.confirm {
    text-align: left;
}
.stash-stream .stash-thumb-container .ctl .cancel_holder {
    text-align: right;
}

.stash-stream .stash-thumb-container .ctl a.confirm .btn,
.stash-stream .stash-thumb-container .ctl .hovercard-controls a.cancel {
    margin: 3px 3px 10px 3px;
    width: 75px;
    min-width: 75px;
    height: 18px;
    padding: 4px;
    font: bold 13px Trebuchet, 'Trebuchet MS', sans-serif;
    border: 1px solid #bababa;
    border-radius: 5px;
    box-shadow:0 1px #fff inset;
}
.stash-stream .stash-thumb-container .ctl a.confirm .btn {
    padding-bottom: 3px;
    border: 1px solid #9c2c20;
    box-shadow:0 1px #f07163 inset;
    background: -webkit-gradient(linear, left top, left bottom, from(#eb412f), to(#c61c11));
    background: -moz-linear-gradient(top,  #eb412f,  #c61c11);
    color: #fff;
}
.stash-stream .stash-thumb-container .ctl a.confirm .btn:hover {
    background: -webkit-gradient(linear, left top, left bottom, from(#ff5a47), to(#da3224));
    background: -moz-linear-gradient(top,  #ff5a47,  #da3224);
}
.stash-stream .stash-thumb-container .ctl a.confirm .btn:active {
    background: -webkit-gradient(linear, left top, left bottom, from(#dc3222), to(#f36355));
    background: -moz-linear-gradient(top,  #dc3222,  #f36355);
}
.stash-stream .stash-thumb-container.selection-hover-mode .ctl {
    position: absolute;
    margin-top: 10px;
    border-radius: 0 0 4px 4px;
    margin-left: -1px;
    box-shadow:0 2px 5px rgba(0, 0, 0, 0.2);
}
.stash-stream .stash-thumb-container.selection-hover-mode.force-big .ctl {
    margin-top: 0px;
}
.stash-stream.stash-folder-stream .stash-thumb-container .ctl a.confirm .btn,
.stash-stream.stash-folder-stream .stash-thumb-container .ctl a.cancel {
    width: 95px;
}
.stash-stream.stash-folder-stream .stash-thumb-container.selection-hover-mode .ctl a.confirm .btn,
.stash-stream.stash-folder-stream .stash-thumb-container.selection-hover-mode .ctl a.cancel {
    width: 75px;
}
.stash-stream.stash-folder-stream .stash-thumb-container.selection-hover-mode.force-big .ctl a.confirm .btn,
.stash-stream.stash-folder-stream .stash-thumb-container.selection-hover-mode.force-big .ctl a.cancel {
    width: 95px;
}
div.stream.stash-stream.stash-folder-stream .selection-hover-mode.force-big div.tt-a.stash-tt-a {
    width: 188px;
}
div.stream.stash-stream.stash-folder-stream .hover-mode.force-big div.tt-a.stash-tt-a,
div.stream.stash-stream.stash-folder-stream .hover-mode div.tt-a.stash-tt-a {
    width: 190px;
}
div.stream.stash-stream.stash-folder-stream .hover-mode div.tt-a.stash-tt-a.selected {
    width: 190px;
}

div.stream.stash-stream.stash-folder-stream .hover-mode.force-big div.tt-a.stash-tt-a span.shadow,
div.stream.stash-stream.stash-folder-stream .selection-hover-mode.force-big div.tt-a.stash-tt-a span.shadow,
div.stream.stash-stream.stash-folder-stream .hover-mode div.tt-a.stash-tt-a span.shadow {
    width: 230px;
}
div.steram.stash-stream.stash-folder-stream .hover-mode div.tt-a.stash-tt-a.selected span.shadow {
    width: 190px;
}
div.stream.stash-stream .hover-mode div.tt-a.stash-tt-a,
div.stream.stash-stream .selection-hover-mode div.tt-a.stash-tt-a {
    /* Need this because of the use of "position:static" on ".stash-stream .stash-thumb-container" */
    z-index: 120;  
}

div.stream.stash-stream .stash-thumb-container.selection-hover-mode div.tt-a.stash-tt-a.selected span.tt-w {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    padding-bottom: 13px;
    padding-top: 15px;
    top: -7px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
    div.stream.stash-stream .stash-thumb-container.selection-hover-mode div.tt-a.stash-tt-a.selected span.tt-w {
        padding-bottom: 10px;
        padding-top: 10px;
        top: -2px;
    }
}

/* hover-mode */
.stash-stream .stash-thumb-container.selection-hover-mode,
.stash-stream .stash-thumb-container.selection-hover-mode .ctl,
.stash-stream .stash-thumb-container.hover-mode {
    z-index: 120;
}
.stash-stream .stash-thumb-container .ctl {
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
}
.stash-stream .stash-thumb-container.hover-mode .ctl {
    display: block;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity: 1;
}
div.stream.stash-stream .stash-thumb-container.hover-mode div.tt-a.stash-tt-a {
    margin-top: -7px;
    margin-bottom: 9px;
}
@-moz-document url-prefix() {
    div.stream.stash-stream .stash-thumb-container.hover-mode div.tt-a.stash-tt-a {
        margin-bottom: 13px;
    }
}
.ie.eq9 div.stream.stash-stream .stash-thumb-container.hover-mode div.tt-a.stash-tt-a {
    margin-top: 0;
    margin-bottom: 14px;
}
.ie.eq8 div.stream.stash-stream .stash-thumb-container.hover-mode div.tt-a.stash-tt-a {
    margin-bottom: 21px;
}
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) { /* Opera */
    div.stream.stash-stream .stash-thumb-container.hover-mode div.tt-a.stash-tt-a {
        margin-bottom: 13px;
    }
}
div.stream.stash-stream .stash-thumb-container.hover-mode div.tt-a.stash-tt-a span.tt-w {
    display: block;
    position: absolute;
    padding: 15px 0 0;
    outline: 1px solid #c7c7c7\9;
    background: #e5e5e5;
    border: 1px solid #c0c0c2;
    border-radius: 4px;
    box-shadow:0 2px 5px rgba(0, 0, 0, 0.2), 0 1px 0 rgba(255,255,255,.5) inset;
}
.ie.eq8 div.stream.stash-stream .hover-mode div.tt-a.stash-tt-a span.tt-w {
    position: absolute;
}
.ie.eq8 div.stream.stash-stream .hover-mode div.tt-a.stash-tt-a a.thumb {
    margin-left: -2px;
}
/* Webkit only */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    div.stream.stash-stream .stash-thumb-container.hover-mode div.tt-a.stash-tt-a span.tt-w {
        padding: 11px 0 0;
    }
    div.stream.stash-stream .stash-thumb-container.hover-mode div.tt-a.stash-tt-a {
        margin-top: -3px;
    }
}
div.stream.stash-stream .stash-thumb-container.selection-hover-mode div.tt-a.stash-tt-a.selected span.tt-w {
    box-shadow:0 2px 5px rgba(0, 0, 0, 0.2), 0 1px 0 rgba(255,255,255,.5) inset;
}
.ie.eq9 div.stream.stash-stream .stash-thumb-container.hover-mode div.tt-a.stash-tt-a span.tt-w {
    padding-top: 9px; /* IE9 */
}
div.stream.stash-stream.stash-folder-stream .stash-thumb-container.hover-mode.force-big div.tt-a.stash-tt-a span.tt-w,
div.stream.stash-stream.stash-folder-stream .stash-thumb-container.selection-hover-mode.force-big div.tt-a.stash-tt-a span.tt-w,
div.stream.stash-stream.stash-folder-stream .stash-thumb-container.hover-mode div.tt-a.stash-tt-a span.tt-w {
    left: -20px;
}
.ie.eq8 div.stream.stash-stream.stash-folder-stream .stash-thumb-container.hover-mode.force-big div.tt-a.stash-tt-a span.tt-w,
.ie.eq8 div.stream.stash-stream.stash-folder-stream .stash-thumb-container.selection-hover-mode.force-big div.tt-a.stash-tt-a span.tt-w,
.ie.eq8 div.stream.stash-stream.stash-folder-stream .stash-thumb-container.hover-mode div.tt-a.stash-tt-a span.tt-w {
    left: 0px;
}
.ie.eq9 div.stream.stash-stream.stash-folder-stream .stash-thumb-container.hover-mode.force-big div.tt-a.stash-tt-a span.tt-w,
.ie.eq9 div.stream.stash-stream.stash-folder-stream .stash-thumb-container.hover-mode div.tt-a.stash-tt-a span.tt-w {
    left: -19px;
}
div.stream.stash-stream.stash-folder-stream .stash-thumb-container.selection-hover-mode.force-big div.tt-a.stash-tt-a span.tt-w {
    width: 226px;
}
div.stream.stash-stream .stash-thumb-container.selection-hover-mode div.tt-a.stash-tt-a span.tt-w {
    display: block;
    position: absolute;
    padding: 8px 0 0;
    outline: 1px solid #c7c7c7\9;
}

.ie.eq9 div.stream.stash-stream .stash-thumb-container.hover-mode div.tt-a.stash-tt-a span.tt-w {
    border: none; /* IE9 */
}

div.stream.stash-stream div.tt-a.stash-tt-a textarea.text.renamer {
    letter-spacing: normal;
    cursor: text;
    display: inline;
    resize: none;
    text-align: center;
    vertical-align: middle;
    overflow: hidden;
    margin: 2px auto 7px;
    font: bold 14px 'Trebuchet MS', sans-serif;
    padding: 2px 13px;
}
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) { /* Opera */
    div.stream.stash-stream div.tt-a.stash-tt-a textarea.text.renamer {
        padding: 1px 12px;
    }
}
div.stream.stash-stream .stash-thumb-container.hover-mode div.tt-a.stash-tt-a a.t,
div.stream.stash-stream .stash-thumb-container.selection-hover-mode.force-big div.tt-a.stash-tt-a a.t /* only one thumb selected */ {
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity: 1;
    display: block;
    cursor: text;
    text-align: center;
    color: #6a6a6a;
    margin: 5px auto 10px;
    font: bold 14px 'Trebuchet MS', sans-serif;
    text-shadow: 0 1px 0 #fff;
    padding: 0 10px;
    overflow: hidden;
    width: 126px;
}

div.stream.stash-stream .stash-thumb-container.hover-mode div.tt-a.stash-tt-a a.t.read:hover,
div.stream.stash-stream .stash-thumb-container.selection-hover-mode.force-big div.tt-a.stash-tt-a a.t.read:hover /* only one thumb selected */ {
    background: url("/minish/stash/ico-stack-edit-pencil.png") ;
    background-repeat: no-repeat;
    background-position: 144px center;
    border: 1px solid #c5c5c5;
    text-decoration: none;
    padding: 2px 15px;
    margin: -3px auto 7px;
    margin: 2px auto 7px;
}
.ie.eq8 div.stream.stash-stream .stash-thumb-container.hover-mode div.tt-a.stash-tt-a a.t {
    padding-left: 9px;
}
.ie.eq8 div.stream.stash-stream .stash-thumb-container.hover-mode div.tt-a.stash-tt-a a.t:hover {
    padding-left: 13px;
}
div.stream.stash-stream.readonly .stash-thumb-container.hover-mode div.tt-a.stash-tt-a a.t:hover {
    background: none;
    cursor: auto;
    border: none;
    text-decoration: underline;
    padding: 0;
    margin: 5px auto 10px;
}
div.stream.stash-stream .stash-thumb-container.selection-hover-mode div.tt-a.stash-tt-a a.t,
div.stream.stash-stream .stash-thumb-container.selection-hover-mode div.tt-a.stash-tt-a a.t:hover {
    text-decoration: none;
    cursor: pointer;
}
div.stream.stash-stream .stash-thumb-container.hover-mode div.tt-a.stash-tt-a .stackystacky + a.t {
    margin: 5px auto 10px;
}
div.stream.stash-stream .stash-thumb-container.hover-mode div.tt-a.stash-tt-a .stackystacky + a.t.read:hover {
    margin: 2px auto 7px;
}

/* Selection hover mode */
.stash-stream .stash-thumb-container.selection-hover-mode .ctl {
    display: block;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity: 1;
    border: 1px solid #66B8F2;
    border-top: none;
    width: 186px;
}

.stash-stream.readonly .stash-thumb-container .ctl {
    padding-top: 15px;
}

.stash-stream .stash-thumb-container.hover-mode .commentcount,
.stash-stream .stash-thumb-container.selection-hover-mode .commentcount {
    display: none;
}

/* Allow line wrapping on hovercards */
.stash-page .stash-stream .stash-thumb-container.hover-mode a.t,
.stash-page .stash-stream .stash-thumb-container.selection-hover-mode a.t {
    white-space: normal
}

/* Targeted drops*/
.stash-stream .stash-thumb-container.active-dragover {
    border-radius: 4px;
    background: -webkit-linear-gradient(top, #D7EEFE, #BBDBF1);
    background: -moz-linear-gradient(top, #D7EEFE, #BBDBF1);
    background: linear-gradient(top, #D7EEFE, #BBDBF1);
    box-shadow:inset 0 1px 5px rgba(0,0,0,0.25), 0 0 0 1px #9CBBD1, 0 2px 0 rgba(255,255,255,1);
    transition: all 0.05s ease-out;
    -moz-transition: all 0.05s ease-out;
}

/* @@include cssms/lib/mixins/css3.css */
#gmi-GMStashQuota {
    height: 18px;
    width: 202px;
    width: 210px\9; /* For some reason, the smaller box messes up in IE8 */
    float: left;
    position: relative;
}

.stash-thumb-progressbar {
    background: #9DA5B0;
    background: -webkit-linear-gradient(#9DA5B0, #B6BCC6);
    background: linear-gradient(#9DA5B0, #B6BCC6);
    border-radius: 3px;
    box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.5) inset, 0 1px 0 0 #FFFFFF;
    height: 13px;
    padding-right: 2px;
    position: relative;
    width: 120px;
    margin: 0 auto;
}

.stash-thumb-progressbar-value {
    background-color: #74D04C;
    background-image: url(/minish/stash/miniprogbar.gif);
    background-repeat: repeat-x;
    border: 1px solid #4C8932;
    border-radius: 3px;
    display: block;
    height: 11px;
    overflow: hidden;
    position: absolute;
}

.stash-thumb-progressbar-label {
    color: #0C0C0C;
    opacity: 0;
    display: inline;
    font: 10px/10px Verdana, sans-serif;
    padding-right: 4px;
    position: absolute;
    right: 0;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.75);
    white-space: nowrap;
}

.stash-thumb-progressbar-cancel {
    position: absolute;
    right: -22px;
    top: -2px;
    width: 15px;
    height: 15px;
    background: url(/minish/main/veryred-x.png) no-repeat;
    cursor: pointer;
}

.temp_stashing {
    max-height: 150px;
    max-width: 150px;
}

.new-stack div.stack-background {
    overflow: hidden;
    width: 140px;
    height: 141px;
    background-image: url('/minish/stash/stackbg-112.png'); 
}
.new-stack span.stack-crop {
    width: 112px;
    height: 112px;
    overflow: hidden;
    display: inline-block;
    margin-top: 14px;
}
.new-stack span.stack-crop.fading-out {
    margin-bottom: -16px;
}
.new-stack span.stack-crop.fading-in {
    margin-top: -112px;
}

/* WEBKIT */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .new-stack span.stack-crop.fading-out {
        margin-bottom: 0;
    }

    .new-stack span.stack-crop.fading-in {
        position: relative;
        margin-top: 14px;
        top: -129px;
    }
    
    ::i-block-chrome, .new-stack span.stack-crop.fading-in {
        top: -126px;
    }

    .new-stack div.stack-background.fading {
        position: relative;
    }
    
    ::i-block-chrome, .new-stack div.stack-background.fading {
        top: 1px;
        
    }
}

.new-stack span.stack-crop div.freeform-wrapper {
    text-align: left;
    color: #999;
    font-family: Verdana,Geneva,sans-serif;
    font-size: 10px;
    line-height: 1.3em;
    padding: 7px;
}
.new-stack span.stack-crop div.freeform-wrapper strong:first-child {
    padding-bottom: 6px;
    color: #000;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: -1px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7);
    line-height: 1.1;
    display: block;
    margin-bottom: -10px;
}
.new-stack span.stack-crop div.freeform-wrapper i {
    display: inline;
}
div.stream.stash-stream .new-stack span.stack-crop div.freeform-wrapper b {
    background-color: transparent;
}


/* @@include cssms/lib/mixins/css3.css */
/* Overrides the deviation comments for sta.sh pages */

body.stash-page .popup2.popup2-cruiser .blockmenu, body.stash-page div.popup2-ccomment-manage .blockmenu {
    background: #ececec;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ececec', endColorstr='#D9D9D9');
    background: -webkit-gradient(linear, left top, left bottom, from(#ececec), to(#D9D9D9));
    background: -moz-linear-gradient(top,  #ececec,  #D9D9D9);
}
body.stash-page .popup2.popup2-cruiser .blockmenu-hr, body.stash-page div.popup2-ccomment-manage {
    border-bottom: 1px dotted #a5a5a5;
}
body.stash-page #comment .catbar {
    margin-bottom: 20px;
}
body.stash-page .ccname {
    font: 12px Verdana, sans-serif;
    color: #76777a;
}
body.stash-page .ccname .ccusername a {
    color: #404040;
}
body.stash-page .cctextarea {
    background: #fff;
    border-radius: 6px;
    border: 1px solid #c2c2c2;
    box-shadow:0 1px 0 rgba(255, 255, 255, .95), 0 1px 2px rgba(0, 0, 0, 0.2) inset;
}
body.stash-page .cctextarea i.l {
    background-image: url('/minish/stash/stash-comment-arrow-form.png');
}

body.stash-page div.inputs a.smbutton.smbutton-big,
body.stash-page div.inputs div.scripted a.smbutton.smbutton-big,
body.stash-page div.inputs div.scripted a.smbutton.smbutton-big.smbutton-blue,
body.stash-page div.talk-post div.inputs a.smbutton.smbutton-big.smbutton-blue {
    min-width: 101px;
    height: 18px;
    padding: 5px 8px 3px;
}

body.stash-page div.inputs a.smbutton.smbutton-big span {
    padding: 0;
}

body.stash-page div.popup2-ccomment-manage {
    border:1px solid #b9b9b9;
    color: #3D4745;
    box-shadow:0 1px 0 rgba(0, 0, 0, 0.1);
    padding: 0;
    margin: -2px 0 0 11px;
    
}
body.stash-page div.popup2-ccomment-manage a {
    color: #3D4745;
    font: 8.25pt Verdana, sans-serif;
}
body.stash-page div.popup2-ccomment-manage div.blockmenu > div > a:last-of-type {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
body.stash-page div.popup2-ccomment-manage div.blockmenu > div > a:first-child {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
body.stash-page div.popup2-ccomment-manage div.blockmenu {
    font-size: 8.25pt;
    color: #3D4745;
    padding: 0;
    overflow:hidden;
    float:left;
    white-space:nowrap;
    width: 100%;
}
body.stash-page div.popup2-ccomment-manage,
body.stash-page div.popup2-ccomment-manage div.blockmenu,
body.stash-page div.popup2-ccomment-manage div.blockmenu > div {
    border-radius: 5px;
    background: #fff;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f9f9f9));
    background: -moz-linear-gradient(top, #fff, #f9f9f9);
}
body.stash-page div.popup2-ccomment-manage .blockmenu a:hover,
body.stash-page div.popup2-ccomment-manage .blockmenu .selected{
    background: #1B91E0;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1B91E0', endColorstr='#057acc');
    background: -webkit-gradient(linear, left top, left bottom, from(#1B91E0), to(#057acc));
    background: -moz-linear-gradient(top,  #1B91E0,  #057acc);
    color:#FFF;
    text-shadow: 0 1px 0 rgba(0, 0, 0, .3);
}
body.stash-page div.popup2-ccomment-manage div.blockmenu a.f {
    line-height: 21px;
    padding:3px 8px;
    text-align:left;
}
body.stash-page div.popup2-ccomment-manage div.blockmenu-hr {
    display: none;
}

body.stash-page .ccomment .ch-ctrl .ch-ctrl {
    background: none repeat scroll 0 0 #EBEBEB;
    border: 1px solid #D1D1D1;
}

body.stash-page .cc-name {
    color: #999ba3;
}

body.stash-page .cc-name a {
    color: #6c6c73;
}

body.stash-page .cc-time a {
    color: #9d9fa3;
}

body.stash-page .ccomment div.text {
    color: #525259
}

body.stash-page .ccomment a.reply {
    background: #fff;
    background: -moz-linear-gradient(-90deg, #FFFFFF, #EBEBEB) repeat scroll 0 0 transparent;
    background: -webkit-linear-gradient(#FFFFFF, #EBEBEB);
    background-image: none;    
    border: 1px solid #B9B9B9;
    border-radius: 5px;
    color: #404040;
    left: 2px;
    padding: 0 5px;
}

body.stash-page .ccomment a.reply b {
    display: none;
}

/* Preview box overrides */
body.stash-page div.talk-post div.previewbox {
    position: absolute;
    top: -1px;
    bottom: -1px;
    left: -1px;
    right: -1px;
    width: auto;
    height: auto;
    overflow: auto;
}

body.stash-page.bubble div.talk-post div.name a {
    color: #196ba7;
}

body.stash-page.bubble div.talk-post div.previewbox {
    padding: 10px;
    background-color: #dbdbdb;
    color: #525259;
    border: 1px solid #b8b8b8;
}

/**
 * @@include cssms/lib/mixins/css3.css
 */
body.stash-page .dev-page-container.bubbleview {
    background: transparent;
}
body.stash-page .dev-page-view .dev-right-col-bg {
    background: none repeat scroll 0 0 #F5F5F5;
}

body.stash-page .deviation-share-links-dropdown {
    background: #f5f5f5;
}

body.stash-page div.bubbleview h1 {
    margin-bottom:0px;
}

body.stash-page div.bubbleview div.image-comments-closed span {
    background: #e3e3e3;
    color: #858585;
}
body.stash-page div.bubbleview #gmi-ResViewSizer_img.smshadow,
body.stash-page div.bubbleview #gmi-ResViewSizer_fullimg.smshadow {
    border: 2px solid #48a6e5;
}
body.stash-page div.bubbleview div.journal-wrapper {
    margin: 0;
    max-width: inherit;
}
body.stash-page div.bubbleview div.journal-wrapper2 {
    margin: 0 auto;
}
body.stash-page div.bubbleview div.journal-wrapper-fullview div.journal-wrapper2,
body.stash-page div.bubbleview div.view-mode-full div.journal-wrapper div.journal-wrapper2 {
    margin: 0;
}

/* edit deviation */
body.stash-page .bubbleview.editmode div#ile-contents a {
    color: #1b91e0;
}
body.stash-page .bubbleview.editmode .resview7-view #zoomed-in {
    margin-bottom: 35px;
}

/* Copy deviation link */
body.stash-page #copy-to-stash-button i {
    /* Rip off the copy icon from Muro.  We need a real icon for this. */
    background-image: url("/muro/headericonset.png?2");
    background-position: -480px 0;
}

/* Dirty notification */
body.stash-page .vicons .dirty-notice a.u {
    margin: 0;
    padding: 0;
    display: inline;
    color: #987e26;
    font-weight: bold;
    line-height: normal;
}
body.stash-page .devlinkzone .dirty-notice {
    color: #987e26;
    padding: 20px;
    background-color: #fffecf;
    border: 1px solid #f5de95;
    border-radius: 1px;
    font-size: 10px;
    margin-top: 10px;
    margin-bottom: 40px;
}
body.stash-page .dev-page-view .dev-page-button,
body.stash-page .deviationmenu,
body.stash-page .dev-page-view .dev-page-button.disabled:hover {
    .linear-gradient(rgba(255, 255, 255, 0.33), rgba(243, 244, 245, 0.1));
    border: 1px solid rgba(0, 0, 0, 0.125);
    box-shadow:inset 0px 1px 0px rgba(255, 255, 255, 0.33);
    background-image: -webkit-gradient(linear, center top, center bottom, from(rgba(255, 255, 255, 0.3)), color-stop(0.4, rgba(243, 244, 245, 0.1)), color-stop(0.6, rgba(243, 244, 245, 0.035)), to(rgba(0, 0, 0, 0.035)));
}
body.stash-page .dev-page-view hr.fade-highlight-bar {
    display: none;
}
body.stash-page .dev-page-view .dev-page-share-buttons {
    width: 100%;
    padding-right: 0;
    padding-bottom: 1px;
}
body.stash-page .dev-page-view.view-mode-full .dev-view-deviation,
body.stash-page .dev-page-view.view-mode-full_zoomed .dev-view-deviation {
    background: #f5f5f5;
}
body.stash-page .dev-page-view.view-mode-full .dev-view-meta, 
body.stash-page .dev-page-view.view-mode-full_zoomed .dev-view-meta {
    box-shadow:none;
}

/* @@include cssms/lib/mixins/css3.css */
/* Taken from body-misc.css, we probably need to get rid of some of that */

html > body.stash-page {
    min-height:100%;
    height:100%;
    padding-top:0px;
    margin:0;
}

body.stash-page {font-size:9pt; font-family:Verdana, sans-serif}
body.stash-page h1,
body.stash-page h2,
body.stash-page h3,
body.stash-page h4,
body.stash-page h5 {
    margin:0;
    font:bold 18pt Trebuchet MS,sans-serif;
    letter-spacing:-1px;
}
body.stash-page h1,
body.stash-page h2 {
    color:#414D4C;
}
body.stash-page h3,
body.stash-page h4 {
    font-size:14pt;
}
body.stash-page h5 {
    font-size:11pt;
}
/* Don't mess with Writer thumbs */
body.stash-page .stash-stream .tt-a h1,
body.stash-page .stash-stream .tt-a h2,
body.stash-page .stash-stream .tt-a h3,
body.stash-page .stash-stream .tt-a h4,
body.stash-page .stash-stream .tt-a h5 {
    color: inherit;
    font: inherit;
    letter-spacing: inherit;
    margin: 0;
    float: none;
}
body.stash-page a {
    text-decoration:none;
}
body.stash-page .text a {
    text-decoration:underline;
    /* you do not want to know (Ok then #6390) */
    zoom: 1;
}
body.stash-page a:link,
body.stash-page a:visited {
    color:#3B5A4A;
}

body.stash-page .ccomment .text a,
body.stash-page .journal-wrapper .text a
{
    text-decoration: none;
    color: #337287;
    font-weight: bold;

    &.external {
        font-weight: normal;
        text-decoration: underline;
        color: #3b5a4a;
    }

    &.external:after {
        font-family: 'usersymbol-icons';
        margin-left: 2px;
        font-weight: normal;
        content: "\40";
        display: inline-block;
    }
}

/* end of body-misc */

body.stash-page .bubbleview {
    padding: 7px 15px;
}

body.stash-page #output .bubbleview {
    background: none;
}

body.stash-page.fullview .bubbleview {
    padding: 7px 0;
}

body.stash-page {
    background: #f5f5f5;
}
body.stash-page .cf {
    clear: both;
}
body.stash-page #output {
    background: #F5F5F5;
}
body.stash-page.couldgosuperwide #output {
    overflow: visible;
}
body.stash-page .stash-container,
body.stash-page .dev-page-container {
    margin-top: 42px;
}
body.stash-page .stash-container a.t {
    font-weight: bold;
    font: 13px Trebuchet MS, sans-serif;
    color: #1b91e0;
    margin-left: 10px;
    margin-right: 10px;
    word-wrap: break-word;
}
body.stash-page .stash-container h3 {
    font-weight: normal;
    float: left;
    letter-spacing: 0.3px;
    margin-bottom: 7px;
}
body.stash-page .stash-container .journal-wrapper h3 {
    float: none;
}
body.stash-page #output .dev-page-container.bubbleview{
    background: none repeat scroll 0 0 #F5F5F5;
}
body.stash-page textarea.text.large,
body.stash-page input.text.large {
    font-family: 'Trebuchet MS', Verdana, Geneva, sans-serif;
    color: #2d3332;
    font-size: 22px;
    font-weight: bold;
    padding: 7px 8px;
}
body.stash-page textarea.text.small,
body.stash-page input.text.small {
    font-size: 11px;
    padding: 5px 8px 4px;
}
body.stash-page .itext.renamer.text.small {
    width: 130px;
}

.stash-stream .gmbutton2hidden {
    z-index: 500;
}

.stash-stream textarea.text.small,
.stash-stream input.text.small {
    width: 134px;
    text-align: center;
    margin-top: 12px;
    margin-bottom: 0;
    position: relative;
}
.stash-stream button.smbutton {
    position: relative;
    top: -1px;
    left: -5px;
    border-radius: 0 3px 3px 0;
    margin: 0;
    padding: 4px 2px;
    min-width: 0;
}
.stash-stream a.smbutton {
    height: 17px;
    width: 100px;
    padding: 3px 0;
    font-size: 12px;
    margin-top: 12px;
}

html div.stream.stash-stream a.t {
    display: block;
}

.stash-stream .superbrowse-hierarchy-skip {
    display: inline; /* inline to make uploading item appear 'inside' of the stream */
}

/* Control buttons */
body.stash-page .resview7-meta .edit_buttons .edit_buttons_edit.smbutton,
body.stash-page div.talk-tower div.inputs a.smbutton.smbutton-big.smbutton-blue,
body.stash-page .resview7-meta .c a.smbutton.smbutton-blue.smbutton-small { /* blue buttons */
    font: bold 13px Trebuchet, 'Trebuchet MS', sans-serif;
    color: #fff;
    letter-spacing: 0.33px;
    text-shadow: 0 1px 1px #19528b;
    padding: 6px 12px;
    border: 1px solid #2b69a7;
    box-shadow:0 1px #92cefc inset;
    background: #64B1F4;
    background: -webkit-gradient(linear, left top, left bottom, from(#70bcfc), to(#4896de));
    background: -moz-linear-gradient(top,  #70bcfc,  #4896de);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#70bcfc', endColorstr='#4896de');
    border-radius: 5px;
}
a.smbutton.smbutton-blue.backtostash-button{
    width:250px;
}
body.stash-page .resview7-meta .edit_buttons .edit_buttons_edit.smbutton:hover,
body.stash-page div.talk-tower div.inputs a.smbutton.smbutton-big.smbutton-blue:hover,
body.stash-page .resview7-meta .c a.smbutton.smbutton-blue.smbutton-small:hover {
    background: #85c6fd;
    background: -webkit-gradient(linear, left top, left bottom, from(#85c6fd), to(#63acee));
    background: -moz-linear-gradient(top,  #85c6fd,  #63acee);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#85c6fd', endColorstr='#63acee');
}
body.stash-page .resview7-meta .edit_buttons .edit_buttons_delete,
body.stash-page div.talk-tower div.inputs a.smbutton.smbutton-big,
.stash-stream .stash-thumb-container .ctl a.cancel {
    display: inline-block;
    font: bold 13px Trebuchet, 'Trebuchet MS', sans-serif;
    color: #76777a;
    text-decoration: none;
    letter-spacing: 0.33px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6);
    padding: 6px 12px;
    border: 1px solid #bababa;
    border-radius: 5px;
    box-shadow:0 1px #fff inset;
    background: #e3e3e3;
    background: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#d8d8d8));
    background: -moz-linear-gradient(top, #f5f5f5, #d8d8d8);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#d8d8d8');
}
body.stash-page .resview7-meta .edit_buttons .edit_buttons_delete:hover,
body.stash-page div.talk-tower div.inputs a.smbutton.smbutton-big:hover,
.stash-stream .stash-thumb-container .ctl a.cancel:hover {
    background: #efefef;
    background: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#e0e0e0));
    background: -moz-linear-gradient(top, #f5f5f5, #e0e0e0);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#e0e0e0');
}
body.stash-page div.talk-tower div.inputs a.smbutton.smbutton-big span,
body.stash-page .resview7-meta .c a.smbutton.smbutton-blue.smbutton-small span {
    padding: 0;
    border: none;
}

/* New stashiation page Owned & Stashed only layout */
body.stash-page .resview7-meta .edit_buttons.owned_and_stashed {
    padding-top: 19px;
}
body.stash-page .resview7-meta .edit_buttons.owned_and_stashed .bubble-button.create-button-submit {
    margin-bottom: 2px;
}
body.stash-page .resview7-meta .edit_buttons.owned_and_stashed a.edit_buttons_delete {
    margin-top: 46px;
}
body.stash-page .resview7-meta .social {
    text-align: center;
    padding-bottom: 21px;
    overflow: visible;
}
body.stash-page .resview7-meta .social a.share-button {
    display: inline-block;
    float: none;
    margin-right: 1px;
    position: relative;
}
body.stash-page .resview7-meta .social a.share-button .share-button-title {
    color: #8B8B8B;
    font-family: Verdana, sans-serif;
    font-size: 12px;
    font-weight: bold;
    letter-spacing: -0.083em;
    position: absolute;
    top: 27px;
    white-space: nowrap;
}
body.stash-page .resview7-meta .social a.share-button:hover .share-button-title {
    display: block;
}
body.stash-page .resview7-meta .social a.share-button.note .share-button-title,
body.stash-page .resview7-meta .social a.share-button.twitter .share-button-title,
body.stash-page .resview7-meta .social a.share-button.facebook .share-button-title,
body.stash-page .resview7-meta .social a.share-button.tumblr .share-button-title,
body.stash-page .resview7-meta .social a.share-button.pinterest .share-button-title,
body.stash-page .resview7-meta .social a.share-button.gplus .share-button-title,
body.stash-page .resview7-meta .social a.share-button.reddit .share-button-title {
    left: -20px;
}
body.stash-page .resview7-meta .social a.share-button.livejournal .share-button-title {
    left: -63px;
}
body.stash-page .resview7-meta .social a.share-button.stumbleupon .share-button-title {
    left: -62px;
}

/* Pencil menu */

body.stash-page .gmbutton2.gmbutton2chaos {
    background-image: url('/minish/stash/pencil-menu-alpha.png');
}

/* Don't apply a min-width on mobile */
@media only screen and (max-device-width: 480px) {
    body.w960.stash-page {
        min-width: inherit;
    }
}

body.stash-page .infinite-scroll-placeholder {
    display: block;
    visibility: hidden;
}

/* specific selector is specific */
body.stash-page.bubble.gruze #overhead-collect #overhead .oh-hashover:hover > h1,
body.stash-page.bubble.gruze #overhead-collect #overhead .oh-hashover.mmhover > h1 {
    background-color: transparent;
}
html body.stash-page #overhead-collect #overhead tbody tr td.f .gmbutton2.gmhuge.ntmid.alone,
html body.stash-page #overhead-collect #overhead tbody tr td.f#oh-stashbacktab .gmbutton2.gmhuge.ntmid {
    background: transparent;
    text-indent: -9999px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    padding: 0 5px;
    height: 100%;
    width: 38px;
    top: 2px;
    left: 60px;
}
body.stash-page #overhead-collect {
    background-color: #f5f5f5;
    background-image: none;
    height: 45px;
    filter: none;  /* Because the filters mess with the Sta.sh logo menu and prevent it from dropping down. */
    border-bottom: none;
}
body.stash-page #overhead-collect #overhead {
    background: transparent;
}
/* @@include cssms/lib/mixins/css3.css */
body.stash-page #modalspace div.modal.modal-rounded.join-modal div.loaded,
body.stash-submit-page #modalspace div.modal.modal-rounded.join-modal div.loaded {
    background: none;
}

body.stash-page div#modalfade,
body.stash-submit-page div#modalfade {
    background: #F5F5F5;
}

body.stash-page div.modal.modal-rounded,
body.stash-submit-page div.modal.modal-rounded {
    background: url("/ui/2011/modals/assets/modal_bkgrd_stash.png") repeat-x scroll 0 0 #fafafa;
    border: 1px solid #b8b8b8;
    color: #5f6064;
    box-shadow:0 1px 6px rgba(255, 255, 255, 0.3), 0 1px 0 rgba(255,255,255,1) inset;
}

body.stash-page div.modal.modal-rounded div.modal-separated,
body.stash-submit-page div.modal.modal-rounded div.modal-separated {
    border-top: 1px solid #b8b8b8;
}

body.stash-page div.modal.modal-rounded h2,
body.stash-submit-page div.modal.modal-rounded h2 {
    color: #38393D;
}

body.stash-page div.modal.modal-rounded a.x,
body.stash-submit-page div.modal.modal-rounded a.x {
    background: url("/ui/2011/modals/assets/modal-close-stash.png") no-repeat scroll 0 0 transparent;
}
/* Button CSS for the Submission Policy Modal */
div.modal a.modalbtn {
    border: 1px solid #E5EDE4;
    border-radius: 4px 4px 4px 4px;
    color: #2c3635;
    display: inline-block;
    font-size: 11px;
    margin: 8px 3px;
    padding: 5px 10px 5px 25px;
    text-align: center;
    text-decoration: none;
}
div.modal a.modalbtn:hover {
    border: 1px solid #93AA99;
    text-decoration: underline;
}
div.modal .subPolBtnNewWin {
    background: url('/ui/2011/modals/assets/openinnew.png') no-repeat scroll 7px 50% #F8FAF7;
    right: 110px;
}
div.modal .subPolBtnPrnt {
    background: url('/ui/2011/modals/assets/print.png') no-repeat scroll 7px 50% #F8FAF7;
    right: 42px;
}

body.stash-page .pagination-wrapper .pagination .gotobox, 
body.stash-page .pagination-wrapper .pagination ul.pages li a {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#F1F1F1');
    background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#F1F1F1));
    background: -moz-linear-gradient(top,  #FFFFFF,  #F1F1F1);
    color: #747676;
    border: 1px solid #cacaca;
}
body.stash-page .pagination-wrapper .pagination ul.pages li.number.current a,
body.stash-page .pagination-wrapper .pagination ul.pages li a:hover {
    background: #fff;
    border: 1px solid #a3a3a3;
}
body.stash-page .pagination-wrapper .pagination ul.pages li.prev a.disabled,
body.stash-page .pagination-wrapper .pagination ul.pages li.prev a.disabled:hover,
body.stash-page .pagination-wrapper .pagination ul.pages li.next a.disabled,
body.stash-page .pagination-wrapper .pagination ul.pages li.next a.disabled:hover {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FCFCFC', endColorstr='#F2F2F2');
    background: -webkit-gradient(linear, left top, left bottom, from(#FCFCFC), to(#F2F2F2));
    background: -moz-linear-gradient(top,  #FCFCFC,  #F2F2F2);
    border: 1px solid #DaDaDa;
    color: #aeaeae;
}
body.stash-page .pagination-wrapper .pagination.both-paddles-disabled {
    display: none;
}

body.stash-page .stash-stream div.alink.nav2 {
    margin-top: 40px;
}
body.stash-page div.gotobox input {
    height: 17px;
}
body.stash-page  div.gotobox div.text {
    margin-top: 8px;
}
body.stash-page .stash-stream .pagination-wrapper {
    display: none;
}

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

.stash-stream .stash-thumb-container {
    display: inline-block;
    /* Relative breaks IE8 (but only genuine IE8 - the IE8 mode in IE9 works just fine).
       Need to set z-index on hover state to make static work. */
    position: static;
}
div.stream.stash-stream div.tt-a.stash-tt-a {
    width:190px;
    height:220px;
    border: 1px solid transparent;
    display: inline-block;
    position: relative;
    vertical-align: top;
    margin-bottom: 6px;
    margin-bottom: 14px\9;
}

/* feature-protected */
/* TITLES: Some of this can probably be consolidated with the hovercard styles when we release */
html body .stash-stream .stash-thumb-container .t {
    font: bold 14px 'Trebuchet MS', sans-serif;
    width: 126px;
    margin: 3px auto 7px;
    padding: 2px 15px;
    color: #6a6a6a;
    /* Set max height to 1 more than what we want. This is so we can detect the overflow. */
    max-height: 57px; /* This seems to cover 3 lines in all browsers. */
    overflow: hidden;
    background: transparent;
}

html body .stash-stream .stash-thumb-container .t:focus {
    background-color: #FFF;
}
/* Needed when doing a JS ellipsis for multiple lines. */
body .stash-stream .stash-thumb-container.hover-mode a.t,
body .stash-stream .stash-thumb-container.selection-hover-mode a.t {
    max-height: none;
}

div.stream.stash-stream div.tt-a.stash-tt-a span.tt-w span.shadow {
    height: 158px;
    width: 190px;
    line-height: 1;
}
div.stream.stash-stream div.tt-a.stash-tt-a .shadow b {
    background-color: #f0f0f0;
}
div.stream.stash-stream div.tt-a.stash-tt-a .shadow b.transp-backdrop,
div.stream.stash-stream div.tt-a.stash-tt-a .shadow q b {
    background-color: transparent;
}
div.stream.stash-stream div.tt-a.stash-tt-a .shadow.stackystacky b tt {
    background-image: url('/minish/main/stackoverflow-transparent.png');
}
div.stream.stash-stream div.tt-a.stash-tt-a .shadow.stackystacky b tt.tt1 {
    top: -14px;
}
div.stream.stash-stream div.tt-a.stash-tt-a .shadow.stackystacky b tt.tt2 {
    right: -8px;
}
div.stream.stash-stream div.tt-a.stash-tt-a .shadow.stackystacky b tt.tt4 {
    bottom: -11px;
}
.stash-stream .stash-thumb-container span.shadow .thumb {
    display: inline-block;
    background: transparent;
}
.stash-stream .stash-thumb-container span.shadow b .thumb {
    display: block;
    position: relative;
    z-index: 10;
    min-height: 100%;
    background: white;
}
.stash-stream .stash-thumb-container span.shadow .thumb img {
    margin: 0 auto;
}
div.stream.stash-stream .stash-thumb-container.hidden div.tt-a.stash-tt-a {
    display: none;
}
div.stream.stash-stream .stash-thumb-container.selected div.tt-a.stash-tt-a {
    border: none;
    margin: 1px;
    position: relative;
}
div.stream.stash-stream div.tt-a.stash-tt-a span.tt-w {
    width: auto;
    height: auto;
    margin: 0;
    display: block;
    position: relative;
    text-align: center;
    vertical-align: middle;
    padding-top: 8px;
}
div.stream.stash-stream div.tt-a.stash-tt-a.selected span.tt-w,
div.stream.stash-stream .stash-thumb-container.selected div.tt-a.stash-tt-a span.tt-w {
    background-color: #E9F1F7;
    background: -webkit-gradient(linear, left top, left bottom, from(#e0ebf3), to(#d5e6f2));
    background: -moz-linear-gradient(top,  #e0ebf3,  #d5e6f2);
    border: 1px solid #66b8f2;
    box-shadow:0 1px 0 0 #fcfdfe inset;
    border-radius: 4px;
    padding-top: 15px;
    padding-bottom: 8px;
    top: -7px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    div.stream.stash-stream div.tt-a.stash-tt-a.selected span.tt-w,
    div.stream.stash-stream .stash-thumb-container.selected div.tt-a.stash-tt-a span.tt-w {
        padding-top: 10px;
        padding-bottom: 13px;
        top: -2px;
    }
}
div.stream.stash-stream span.tt-w {
    border: 1px solid transparent;
}

div.stream.stash-stream .selected span.tt-w {
    border:1px solid #888BB5;
    background:#AFC5C9;
}
div.stream.stash-stream .selected .stream .tt-w {
    background:transparent;
    outline:none;
}

div.stream.stash-stream div.tt-a.stash-tt-a span.shadow tt {
    position:absolute;
    width:85px;
    height:85px;
    top:-15px;
    left:-13px;
    background-image:url(/minish/main/stackoverflow-transparent.png);
    background-position:top left;
    z-index:0;
}
div.stream.stash-stream div.tt-a.stash-tt-a b {
    background-color: #f0f0f0;
}
div.stream.stash-stream div.tt-a.stash-tt-a b img {
    position:relative
}
div.stream.stash-stream div.tt-a.stash-tt-a .shadow tt.tt2 {
    left:auto;
    right:-12px;
    background-position:top right;
}
div.stream.stash-stream div.tt-a.stash-tt-a .shadow tt.tt3 {
    top:auto;
    bottom:-14px;
    background-position:bottom left;
}
div.stream.stash-stream div.tt-a.stash-tt-a .shadow tt.tt4 {
    left:auto;
    top:auto;
    right:-12px;
    bottom:-14px;
    background-position:bottom right;
}
div.stream.stash-stream .stash-thumb-container a.thumb.lit .wrap {
    margin: 0;
}

/* Stack leaves */
div.stream.stash-stream .stash-thumb-container span.tt-w .shadow > b {
    line-height: 0;
    display: inline-block;
    font-weight: normal;
    position: relative;
}
div.stream.stash-stream .stash-thumb-container span.tt-w span.shadow {
    position: relative;
    z-index: 10;
}
.stash-stream a.lit .wrap {
    position: relative;
    margin: 0 15px 0 0;
    height: 136px;
    overflow: hidden;
    border: 1px solid gainsboro;
    background: #f3f3f3;
    background: -ms-linear-gradient(top, #f3f3f3, #e2e2e2);
    background: -moz-linear-gradient(top, #f3f3f3, #e2e2e2);
    background: -webkit-gradient(linear, left top, left bottom, from(#f3f3f3), to(#e2e2e2) );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3f3f3', endColorstr='#e2e2e2');
}
.stash-stream a.lit q {
    left: 0;
    padding: 8px 0 10px 8px;
    font-family: Verdana,Geneva,sans-serif;
    font-size: 10px;
    color: #999999;
    line-height: 1.3em;
}

.stash-stream a.lit {
    background: transparent;
    height: 138px;
    width: 152px;
}
.stash-stream a.lit q strong {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 18px;
    letter-spacing: -1px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7);
    color: #000;
    line-height: 21px;
}

/* Not sure this is still in use */

.stash-stream .stash-thumb-container .smbutton.smbutton-blue {
    margin: 0;
    border-radius: 3px;
    border: 1px solid #c0c0c2;
    background: #e5e5e5;
    box-shadow:0 1px 0 #CFCFCF;
    color: #16598F;
    text-shadow: 0 1px 0 rgba(192, 223, 248, 0.9);
}

.stash-container .stream .commentcount,
.stash-container .stream.stash-stream .hover-mode .commentcount,
.stash-container .stream.stash-stream .selection-hover-mode .commentcount,
.stash-stream .stash-thumb-container .stash-stack .commentcount {
    display: none;
}
.stash-container .stream.stash-stream .commentcount {
    display: block;
}

div.stream.stash-stream div.tt-a.stash-tt-a.tt-disabled {
    opacity: .5;
}

.ie.eq8 div.stream.stash-stream.stash-folder-stream .stash-thumb-container div.tt-a.stash-tt-a .ctl {
    width: 190px;
}

.modal .stash-thumb-container div.selected {
    background: transparent;
}
.modal .stash-stream {
    padding-top: 10px;
}
.tt-a.resource-skin.stash-tt-a.fakeskin {
    opacity: 0.5;
}

/* Temporarily only affects sta.sh */

.stash-stream .shadow {
    background-image: none !important;
}
.stash-stream .shadow > a.thumb > img:not(.lit) {
    box-shadow:0 0 0 1px rgba(0,0,0,0.1), 0 1px 1px rgba(0,0,0,0.2), 0 2px 2px rgba(0,0,0,0.2);
}
.stash-stream .shadow > a.thumb.lit {
    box-shadow:0 0 0 1px rgba(0,0,0,0.1), 0 1px 1px rgba(0,0,0,0.2), 0 2px 2px rgba(0,0,0,0.2);
}
.stash-stream .crop-w .shadow > a.thumb > img:not(.lit),
.stash-stream .crop-h .shadow > a.thumb > img:not(.lit),
.stash-stream .shadow.mild > a.thumb > img:not(.lit) {
    box-shadow:none;
}

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

.dev-view-about .text-ctrl.stash-edit .deviation-description-writer,
.stash-folder-view .stack-description.edit .stack-description-writer {
    textarea.writer {
        height:auto;
        min-height:50px;
    }
    div.writer {
        padding:5px 6px 6px;
    }
    div.writer:hover,
    div.writer:focus {
        padding:5px;
        border-left: 1px solid #c5c5c5;
        border-right: 1px solid #c5c5c5;
        border-bottom: 1px solid #c5c5c5;
    }
    div.writer:focus {
        background:white;
    }
    .ccwriter-wrapper {
        width:100%;
        padding-top:0;
    }
    div.commentwriter-underlay {
        height:auto;
        min-height:36px;
    }
    .commentwriter-underlay.empty:before,
    div.writer.empty:before {
        content:"Click to add Description";
    }

    &:hover .writer.empty {
        color:#808080;
    }
}

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

.stash-folder-view .stack-description .stack-description-writer textarea {
    width: 100%;
    background-color:#f5f5f5;
    outline: none;
    border: 1px solid transparent;
    resize: none;

    &:hover, &:active, &:focus {
        border:1px solid #c5c5c5;
    }
    &:focus {
        background-color: #fff;
    }
    &:hover {
        background-image: url("/minish/stash/ico-stack-edit-pencil.png");
        background-repeat: no-repeat;
        background-position:  99% 5px;
    }
}

.stash-folder-view .stack-description.edit .stack-description-writer {
    div.writer,
    div.commentwriter-underlay {
        padding:6px;
        margin-top:5px;
        height:auto;
        min-height:36px;
    }
    div.writer:hover,
    div.writer:focus,
    div.commentwriter-underlay:hover {
        padding:5px;
        border: 1px solid #c5c5c5;
    }
}

.stash-create {
    padding-top: 23px;
}
.resview7-meta .stash-create {
    padding-left: 0;
}

.bubble-button.has-title {
    margin-top: 15px;
}

/* RGBA bubble buttons */
.bubble-button {
    position: relative;
    margin-bottom: 13px;
    cursor: pointer;
    width: 300px;
    display: block;
    box-shadow:0px 1px 0px 0px rgba(255,255,255, 0.3);
    border: 3px solid rgba(0, 0, 0, 0.05);
    border-radius: 8px;
}
.bubble-button .shell {
    color: #0397D6;
    text-decoration: none;
    box-shadow:0 1px 1px 0 rgba(0, 0, 0, 0.2);
    font: 12px/1.5 "Helvetica Neue", Arial, sans-serif;
    position: relative;
    display: block;
    background-color: rgba(255, 255, 255, 0.123);
    border-radius: 6px;
}
.bubble-button .creamy-center {
    border: 1px solid rgba(0, 0, 0, 0.125);
    .linear-gradient(rgba(255, 255, 255, 0.33), rgba(243, 244, 245, 0.1));
    box-shadow:inset 0px 1px 0px rgba(255, 255, 255, 0.33);
    padding: 12px 5px 12px 5px;
    display: block;
    border-radius: 6px;
}
.bubble-button:hover .creamy-center {
    border: 1px solid rgba(31, 110, 163, 0.00);
    .linear-gradient(#379DE2, #1A87D0);
    box-shadow:inset 0px 0px 0px 1px rgba(255, 255, 255, 0.33);
}
.bubble-button:active .creamy-center {
    border: 1px solid rgba(31, 110, 163, 0.00);
    .linear-gradient(#2F8ECE, #1279BE);
    box-shadow:inset 0px 0px 5px rgba(0, 0, 0, 0.33);
}

.stash-create.ile-right .bubble-button.ile_edit_in_muro {
    /* Override stuff specifically for the Edit with Muro button in Inline Edit Mode */
    margin-bottom: 0;
}
.bubble-button .button-title {
    color: #8B8B8B;
    font: bold 12.5px Verdana, sans-serif;
    letter-spacing: -0.5px;
    position: absolute;
    top: -22px;
    height: 30px;
}
.bubble-button .creamy-center > i {
    display: block;
    height: 32px;
    width: 250px;
    background-repeat: no-repeat;
}
.stash-create .bubble-button .creamy-center > i {
    background-image: url('/minish/stash/stash-create-sprite-6-v2.png');
}
.stash-create .bubble-button.ile_edit_in_writer .creamy-center > i,
.stash-create .bubble-button.ile_edit_in_muroimport .creamy-center > i,
.stash-create .bubble-button.ile_edit_in_muro .creamy-center > i,
.edit_buttons .bubble-button .creamy-center > i,
.stash-edit .bubble-button .creamy-center > i,
.dev-page-view .dev-view-meta .edit-buttons .creamy-center > i {
    background-image: url('/minish/stash/stash-edit-sprite-6-v2.png');
}
.bubble-button.create-button-submit .creamy-center {
    padding: 12px 5px 6px;
}
.bubble-button.create-button-submit .creamy-center > i {
    background-position: 0 -168px;
    height: 38px;
}
.bubble-button.create-button-submit:hover .creamy-center > i {
    background-position: 0 -206px;
}
.bubble-button.create-button-writer .creamy-center > i {
    background-position: 0 -84px;
}
.bubble-button.create-button-writer:hover .creamy-center > i {
    background-position: 0 -121px;
}
.bubble-button.create-button-muro:hover .creamy-center > i {
    background-position: 0 -37px;
}

.bubble-button.create-button-muroimport .creamy-center > i {
    background-position: 0 -259px;
}
.bubble-button.create-button-muroimport:hover .creamy-center > i {
    background-position: 0 -296px;
}

/* 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%);
}