/*
 *  © 2000-2012 deviantART, Inc. All rights reserved.
 */
div.writer {
    border: 1px solid #BFBFBF;
    outline: none;
}
div.writer img {
    max-width: 98%;
}

div.writer .deviation {
    vertical-align: bottom;
    max-width: 100%;
    max-width: none\0/; /* IE */
    height: auto; /* IE */
}

div.writer .embedded-freeform-deviation {
    display: inline-block;
    vertical-align: bottom;
    position: relative;
    width: 100%;
    max-width: 100%;
    overflow: hidden;
    border: 1px solid #fff;
    cursor: default;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}
div.writer .embedded-freeform-deviation iframe {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    border: 0;
}
div.writer .embedded-freeform-deviation div {
    position: absolute;
    width: 100%;
    height: 100%;
}

div.writer .deviation a.lit.journal {
    border-bottom:  0px;
    height: 90px;
}

.writer-toolbar {
    display: inline-block;
}
.writer-toolbar-button.smbutton {
    margin: 0 1ex 0 0 !important;
    min-width: inherit;
}
.writer-toolbar-bold {
    font-weight: bold;
}
.writer-toolbar-italic {
    font-style: italic;
}
.writer-toolbar-link {
}
.writer-toolbar-underline {
    text-decoration: underline;
}
.writer-toolbar-zoom2 {
    position: absolute;
    right: 24px;
    top: 1em;
    padding-left: 5em;
    display: inline-block;
    margin: 0 0 -1.5ex;
}
.writer-toolbar-zoom2 > span {
    position: absolute;
    left: 1ex;
    top: 0;
}
.writer-toolbar-zoom2 .slideride {
    margin-top: 0;
}
.writer-toolbar-zoom2 .slideride .slider-track {
    width: 100px;
}

.writer-toolbar-separator {
    display:inline-block;
    border-left:1px solid #A0B19E;
    margin-top:-9px;
    margin-right:1ex;
    height:26px;
    position:relative;
    top:9px;
}

/* embed popup */
#journal-toolbar .writer-toolbar-embed { margin-right: 5px !important; }

.writer-toolbar-embed-image,
.writer-toolbar-embed-link  {
    cursor: pointer;
    padding: 1px 2px;
    list-style-type: none;
}

.writer-toolbar-embed-image i, 
.writer-toolbar-embed-link i {
    background-image: url(/minish/submit/writer-toolbar.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    width: 26px;
    position: static;
    display: inline-block;
    height: 25px;
    vertical-align: middle;
}

.writer-toolbar-embed-link i { 
    background-position: -40px 0px;
}

.writer-toolbar-embed-image:hover , 
.writer-toolbar-embed-link:hover {
    background-color: #44594F;
}

.popup2-writer-embed .writer-toolbar-embed-image:hover , 
.popup2-writer-embed .writer-toolbar-embed-link:hover {
    background-color: #B5C3B2;
}


.popup2-writer-embed {
    background: #FFF !important;
    border:1px solid #52695C !important;
    padding:2px !important;
    width:280px !important;
    height: auto !important;
    -webkit-box-shadow:0px 3px 4px rgba(0, 0, 0, 0.2), 0px 0px 2px rgba(0, 0, 0, 0.2), 0px 1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow:0px 3px 4px rgba(0, 0, 0, 0.2), 0px 0px 2px rgba(0, 0, 0, 0.2), 0px 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.2), 0px 0px 2px rgba(0, 0, 0, 0.2), 0px 1px 1px rgba(0, 0, 0, 0.2);
}


.popup2-writer-embed .blockmenu {
    background:#E8ECE6;
    overflow:hidden;
    _overflow:visible;
    _background:#E8ECE6;
    _filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#E8ECE6', EndColorStr='#DCE5DB');
    float:left;
    /*overflow:hidden;*/
    white-space:nowrap;
    font-size:8.25pt;
    width: 100%; 
}

/* font popup */
div.popup2-writer-font {
    font-size:10.25pt;
    color:#3D4745 !important;
    background:#FFF !important;
    border:1px solid #52695C !important;
    padding:2px !important;
    
    width:206px !important;
    height: auto !important;
    -webkit-box-shadow:0px 3px 4px rgba(0, 0, 0, 0.2), 0px 0px 2px rgba(0, 0, 0, 0.2), 0px 1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow:0px 3px 4px rgba(0, 0, 0, 0.2), 0px 0px 2px rgba(0, 0, 0, 0.2), 0px 1px 1px rgba(0, 0, 0, 0.2);
}
div.popup2-writer-font div.blockmenu {
    background:#E8ECE6;
    background:-webkit-gradient(linear, left top, left bottom, from(#E8ECE6), to(#DCE5DB));
    background:-moz-gradient(linear, left top, left bottom, from(#E8ECE6), to(#DCE5DB));
    overflow:hidden;
    _overflow:visible;
    _filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#E8ECE6', EndColorStr='#DCE5DB');
    float:left;
    white-space:nowrap;
    font-size:10.25pt;
    width: 100%;
}
div.popup2-writer-font div.blockmenu a.f {
    color:#778676;
    font-size:10.25pt;
}
div.popup2-writer-font div.blockmenu a.f:hover {
    background:#B5C3B2;
}
div.popup2-writer-font div.blockmenu a.f:active {
    background:#A0AE9C;
}
div.popup2-writer-font div.blockmenu a.f span {
    color:#2c3635;
}

div.popup2-writer-font div.blockmenu .f {
    padding:3px 8px;
    text-align:left;
}
div.popup2-writer-font div.blockmenu div.hr {
    margin:3px 8px;
    /* height:0px;*/
    border-bottom:1px dotted #aaa;
    background:transparent;
}
div.popup2-writer-font div.blockmenu span.unavailable {
    cursor:default;
    color:#888E8A;
    font-size:10.25pt;
    text-decoration:line-through !important;
}
div.popup2-writer-font div.pager2 a.f,
div.popup2-writer-font div.pager2 span.f {
    text-indent: 0 !important;
}


/* resize handle */
.writer-resize-handle {
    height: 6px;
    width: 6px;
    margin: -4px 0 0 -4px;
    border: 1px solid #3d3d3d;
    position:absolute;
    background-color: #f0f0f0;
    z-index:39;
}

.writer-resize-handle.nw { cursor: nw-resize; }
.writer-resize-handle.ne { cursor: ne-resize; }
.writer-resize-handle.se { cursor: se-resize; }
.writer-resize-handle.sw { cursor: sw-resize; }


.writer_imagejumper_up,  .writer_imagejumper_down {
    display: block;
    cursor: pointer;
    background-image: url(/minish/submit/stashwriter_jumpers.png);
    background-repeat: no-repeat;
    width: 35px;
    height: 32px;
}

.writer_imagejumper_up:hover {
    background-position: -35px 0px;
}

.writer_imagejumper_up.single {
    background-position: 0px -68px;
}
.writer_imagejumper_up.single:hover {
    background-position: -35px -68px;
}

.writer_imagejumper_down {
    background-position: 0px -32px;
}
.writer_imagejumper_down:hover {
    background-position: -35px -32px;
}


.writer_imagejumper_down.single {
    background-position: 0px -105px;
}
.writer_imagejumper_down.single:hover {
    background-position: -35px -105px;
}

.writer_imagedeleter {
    position: absolute;
    cursor : pointer;
    /*text-shadow : -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;*/
    background-image: url(/minish/gruzecontrol/pencil-menu-alpha.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    width: 22px;
    height: 20px;
}

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

.writer_imagedeleter:active, .writer_imagedeleter.active {
    background-position: 0px -54px;
}

.popup2-writer-zoom {
    background:#3B4340 !important;
    border-width: 0px !important;
    border-top-width: 0px !important;
    padding:3px !important;
    width:100px !important;
    height: auto !important;
    -webkit-box-shadow:0px 3px 4px rgba(0, 0, 0, 0.2), 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow:0px 3px 4px rgba(0, 0, 0, 0.2), 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.2), 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 1px 1px rgba(0, 0, 0, 0.2);
}

div.stashwriter-subtoolbar-menu {
    background:#ffffff !important;
    border:1px solid #d3d3d3;
    border-top-right-radius:6px;
    border-bottom-left-radius:6px;
    border-bottom-right-radius:6px;
    width:160px !important;
    height: auto !important;
    -webkit-box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.1);
    z-index:40;
    font-size:0.92em;
    padding:5px 0 !important;
}

/* stashwriter toolbar popup menus */

.not-white .stashwriter-toolbar-menu {
    width: 175px !important;
    height: auto !important;
    padding: 6px 0 !important;
    border: 0 !important;
    font-size: 11px;
    line-height: 27px;
    color: #B2C1BC;
    background: #3C4441 !important;
    -webkit-box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.2);
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    -moz-border-radius-bottomleft: 4px;
    -moz-border-radius-bottomright: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    
    -webkit-user-select: none;
    -moz-user-select: -moz-none;
    -o-user-select: none;
    user-select: none;
}

.stashwriter-toolbar-menu .blockmenu,
.stashwriter-subtoolbar-menu .blockmenu {
    padding: 0;
    margin: 0;
    list-style: none;
    white-space: nowrap;
}

.stashwriter-subtoolbar-menu .blockmenu strong.formtitle {
    padding: 8px 10px;
    cursor: default;
}

.stashwriter-toolbar-menu li,
.stashwriter-subtoolbar-menu li {
    padding: 0 0 0 12px;
    margin: 0;
    list-style: none;
    cursor: pointer;
}

.stashwriter-subtoolbar-menu li {
    padding: 9px 10px 8px;
}

.stashwriter-toolbar-menu li:hover,
.stashwriter-subtoolbar-menu li:hover {
    background: #39798D;
    background: -webkit-gradient(linear, left top, left bottom, from(#518FA1), to(#39798D));
    background: -moz-linear-gradient(-90deg, #518FA1, #39798D);
}

.stashwriter-subtoolbar-menu li:hover {
    color: white;
}

.stashwriter-subtoolbar-menu li.h1 {
    font: bold 24px Trebuchet MS, sans-serif;
}
.stashwriter-subtoolbar-menu li.h2 {
    font: bold 20px Trebuchet MS, sans-serif;
}
.stashwriter-subtoolbar-menu li.h3 {
    font: bold 17px Trebuchet MS, sans-serif;
}
.stashwriter-subtoolbar-menu li.h4 {
    font: bold 13px Verdana, sans-serif;
}
.stashwriter-subtoolbar-menu li.h5 {
    font: bold 11px Verdana, sans-serif;
}

.stashwriter-subtoolbar-menu div.blockmenu form {
    margin: 5px 10px 25px;
}

.stashwriter-subtoolbar-menu div.blockmenu form input.text {
    width:136px;
}

.stashwriter-subtoolbar-menu div.blockmenu form input.smbutton {
    float:right;
}

.stashwriter-subtoolbar-menu div.blockmenu form label.error {
    font-size:0.8em;
    color:red;
    display:none;
}

.stashwriter-toolbar-menu li.disabled {
    opacity: 0.3;
    filter: alpha(opacity=30); /* IE8 */
    cursor: default;
}

.stashwriter-toolbar-menu li.toggled-off i {
    opacity: 0.3;
    filter: alpha(opacity=30); /* IE8 */
}


.stashwriter-toolbar-menu.with-icons li {
    padding: 0;
}

.stashwriter-toolbar-menu.with-icons i {
    display: inline-block;
    width: 28px;
    height: 26px;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: 50px 0; /* make sure there's no icon by default */
}

.stashwriter-toolbar-menu li.disabled:hover {
    background: none;
    color: #B2C1BC;
}

.stashwriter-toolbar-menu .weak {
    color: #7C8879;
}

.stashwriter-toolbar-menu li:hover .weak {
    color: #B2C1BC;
}

.stashwriter-toolbar-menu .separator {
    padding: 0;
    border-top: 1px solid #26332F;
    border-bottom: 1px solid #52605D;
    height: 0;
    margin: 4px 0;
    overflow: hidden;
}

/* file menu */
.popup2-stashwriter-file i { background-image: url(/minish/canvasdraw/header/headericonset.png?8); }
.popup2-stashwriter-file .writer-toolbar-draft-new      i { background-position: -155px 5px; }
.popup2-stashwriter-file .writer-toolbar-draft-open     i { background-position:  -75px 5px; }
.popup2-stashwriter-file .writer-toolbar-draft-save     i { background-position: -115px 5px; }
.popup2-stashwriter-file .writer-toolbar-draft-autosave i { background-position: -275px 3px; }

/* embed menu */
.not-white .popup2-stashwriter-embed,
.popup2-stashwriter-embed {
    width: 240px !important; /* for when you click Link */
}
.popup2-stashwriter-embed form {
    line-height: normal;
}
.popup2-stashwriter-embed i { background-image: url(/minish/submit/writer-toolbar.png); }
.popup2-stashwriter-embed .writer-toolbar-embed-image   i { background-position:   2px -1px; }
.popup2-stashwriter-embed .writer-toolbar-embed-link    i { background-position: -39px -1px; }

.popup2-stashwriter-embed .writer-toolbar-toggle-markup i,
.popup2-stashwriter-embed .writer-toolbar-toggle-thumbsize i {
    background-image: url(/minish/canvasdraw/header/headericonset.png?8);
    background-position: -275px 3px;
}

.popup2-writer-zoom .blockmenu li {
    list-style-type: none;
    padding: 4px 6px;
    color: white;
    cursor: default;
    border-bottom: 1px dotted #607365;
}

.popup2-writer-zoom .blockmenu li.last {
    border-bottom-width: 0px;
}

.smbutton-deepgreen.writer-toolbar-button {
    background-image: url(/minish/submit/writer-toolbar.png);
    background-repeat: no-repeat;
    background-color: #2D3736;
    
}
.smbutton-deepgreen.writer-toolbar-button:hover {
    background-image: url(/minish/submit/writer-toolbar.png);
}

.smbutton-deepgreen.writer-toolbar-embed {
    width: 50px;
    background-image: none; 
}

.smbutton-deepgreen.writer-toolbar-embed:hover {
    background-image: none;
    background-color: #44594F;
}

.smbutton-deepgreen.writer-toolbar-undo {
    background-position: -75px 3px;  
    width: 34px;
}
.smbutton-deepgreen.writer-toolbar-undo span { 
    text-indent: -10000px;
}
.smbutton-deepgreen.writer-toolbar-undo:hover {
    background-position: -75px 3px;  
    background-color: #3C4E45;
}
.smbutton-deepgreen.writer-toolbar-redo {
    background-position: -110px 3px;  
    width: 34px;
}
.smbutton-deepgreen.writer-toolbar-redo:hover {
    background-position: -110px 3px;  
    background-color: #3C4E45;
}
.smbutton-deepgreen.writer-toolbar-redo span { 
    text-indent: -10000px;
}

.smbutton-deepgreen.writer-toolbar-bold {
    background-position: -145px 3px;  
    width: 34px;
}
.smbutton-deepgreen.writer-toolbar-bold span { 
    text-indent: -10000px;
}
.smbutton-deepgreen.writer-toolbar-bold:hover {
    background-position: -145px 3px;  
    background-color: #3C4E45;
}


.smbutton-deepgreen.writer-toolbar-italic {
    background-position: -175px 3px;  
    width: 34px;
}
.smbutton-deepgreen.writer-toolbar-italic span { 
    text-indent: -10000px;
}
.smbutton-deepgreen.writer-toolbar-italic:hover {
    background-position: -175px 3px;  
    background-color: #3C4E45;
}

/* UNDERLINE */

.smbutton-deepgreen.writer-toolbar-underline {
    background-position: -210px 3px;  
    width: 34px;
}
.smbutton-deepgreen.writer-toolbar-underline span { 
    text-indent: -10000px;
}
.smbutton-deepgreen.writer-toolbar-underline:hover {
    background-position: -210px 3px;  
    background-color: #3C4E45;
}

/* ZOOM */
.smbutton-deepgreen.writer-toolbar-button.writer-toolbar-zoom {
    background-image: none;
}

/* REDO */
.smbutton.writer-toolbar-button.writer-toolbar-redo {
    filter: progid:DXImageTransform.Microsoft.BasicImage(mirror=1);
    -moz-transform: matrix(-1, 0, 0, 1, 0, 0);
    -webkit-transform: matrix(-1, 0, 0, 1, 0, 0);
    -o-transform:matrix(-1, 0, 0, 1, 0, 0);
}

/* saving notice */

.writer-saving-notice {
    z-index: 126;
    width: 180px;
    left: 50%;
    margin-left: -91px;
    background: #FDF4A6;
    background: -moz-linear-gradient(-90deg, #FDF4A6, #DDCC58);
    background: -webkit-gradient(linear, left top, left bottom, from(#FDF4A6), to(#DDCC58));
    background: -o-linear-gradient(#fdf4a6, #ddcc58);
    text-align: center;
    height: 25px;
    border: 1px solid #2e3b36;
    -moz-border-radius: 0 0 3px 3px;
    -webkit-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px;
    color: #685c07;
    font-family: Verdana;
    font-weight: bold;
    font-size: 11px;
    line-height: 24px;
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    padding: 2px 14px;
}

/* sidebar */

.stash-sidebar {
    position:fixed;
    top:42px;
    bottom:0;
    right:0;
    padding:20px 14px;
}

/* These rules only exist to override pages/stashwriter, and will be merged in later */
#stashwriter_sidebar {
    border-left: 0;
}
#stashwriter_sidebar div.stash-sidebar {
    padding:0 10px 0 0;
    width: 290px;
    margin-top:0;
    position:static;
    top:auto;
}

.stash-sidebar * {
    margin:0;
    padding:0;
}

#stashwriter_sidebar_skins_container {
    padding:0 10px 0 0;
}

.stash-sidebar .types-heading,
#stashwriter_sidebar_skins_container .types-heading,
.stash-sidebar .page2 a {
    display:block;
    list-style:none;
    border-bottom:1px dotted #B1C2AE;
    margin:0;
    padding:6px 5px;
    cursor:pointer;
    color:#404040;
    text-shadow:0 1px 0 rgba(255,255,255,0.45);
    text-decoration:none;
}
.stash-sidebar .types-container,
#stashwriter_sidebar_skins_container .types-container {
    border:1px solid #ccc;
    border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
}
#stashwriter_sidebar_skins_container .types-container {
    clear:both;
    margin-top: 3px;
}
.stash-sidebar .types-overview,
#stashwriter_sidebar_skins_container .types-overview,
.stash-sidebar .subtypes-overview {
    position:relative;
    border-bottom:1px solid #ccc;
    padding-top:24px;
    z-index:110;
}
.stash-sidebar .types-overview ul,
#stashwriter_sidebar_skins_container .types-overview ul,
.stash-sidebar .subtypes-overview ul {
    padding:5px 0 7px;
    background:#fafafa;
    border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:12px;
}
#stashwriter_sidebar_skins_container .types-overview ul {
    margin:0;
}
.stash-sidebar .subtypes-overview ul {
    background:none;
    border-radius:0;
    -moz-border-radius:0;
    -webkit-border-radius:0;
}
.stash-sidebar .types-overview li,
#stashwriter_sidebar_skins_container .types-overview li,
.stash-sidebar .subtypes-overview li {
    display:inline;
    cursor:pointer;
    color:#1878aa;
    padding:0 8px;
    float:left;
    font-size:11px;
}
.stash-sidebar .types-overview li.active,
#stashwriter_sidebar_skins_container .types-overview li.active,
.stash-sidebar .subtypes-overview li.active {
    background:url(/minish/submit/writer-sidebartype-notch-uplift.gif?1) no-repeat center -16px;
    height:24px;
    color: #444;
    z-index:110;
}
.stash-sidebar .subtypes-overview li.active {
    background-position: center -56px;
}
.stash-sidebar div.pager-browse,
.stash-sidebar div.pager-browse div.pager2,
.stash-sidebar div.pager-browse div.page2,
.stash-sidebar div.pager-browse div.page2 a.f {
    background:transparent;
}
.stash-sidebar .page2 a:hover {
    background: #1b91e0 url(/minish/submit/stashwriter-arrow.png?1) no-repeat 243px center;
    color: white;
}
.stash-sidebar .types-overview li:hover,
#stashwriter_sidebar_skins_container .types-overview li:hover,
.stash-sidebar .subtypes-overview li:hover {
    color: #444;
}
.stash-sidebar li.writer-sidebar-type-search:hover,
.stash-sidebar .writer-sidebar-main-friends .page2 a:first-child:hover {
    cursor:default;
    background-color: transparent;
    color:black;
}
.stash-sidebar li.writer-sidebar-type-search:hover:after {
    content:none;
}

.stash-sidebar li.writer-sidebar-type-search {
    border-bottom:none;
    margin-bottom:10px;
    padding:6px 0;
}
.stash-sidebar li.writer-sidebar-type-search input,
.stash-sidebar div.writer-sidebar-input-container input {
    display:block;
    padding: 7px;
    color: gray;
    width: 250px;
    margin:0;
    font-size:12px;
    color:#969799;
    background: #fff url(/minish/deviation/ico-stash-writer-search-lens.png) no-repeat 240px center;
    border: 1px solid #c2c2c2;
    border-radius: 3px;
    box-shadow: 0 1px rgba(255, 255, 255, 0.95), 0 2px 4px rgba(0,0,0,0.2) inset;
}

.stash-sidebar div.writer-sidebar-input-container {
    position:relative;
    float:left;
    margin-right:1em;
    width:236px;
}

.stash-sidebar div.writer-sidebar-input-container input {
    width: 188px;
    margin:12px 0 1em 0.5em;
    padding:7px 24px;
    background-position: 6px center;
}

.stash-sidebar div.writer-sidebar-input-container a.clear {
    position:absolute;
    top:24px;
    right:0px;
    width:7px;
    height:7px;
    background:url(/minish/submit/writer-sidebar-search-cross.png) no-repeat top left;
    line-height:7px;
    display:block;
    text-indent:-9999px;
    outline:none;
    text-decoration:none;
    font-size:1px;
    color:white;
}

.stash-sidebar div.writer-sidebar-main-deviantart div.writer-sidebar-input-container {
    width:196px;
}

.stash-sidebar div.writer-sidebar-main-deviantart div.writer-sidebar-input-container input {
    width: 148px;
    margin:12px 0 1em 0.5em;
    padding:7px 24px;
    background-position: 6px center;
    float:left;
}

.stash-sidebar div.writer-sidebar-main-deviantart a#open-friends-menu {
    background: #f7f7f7 url(/minish/gruzecontrol/icons-small-modules.gif?2) no-repeat -1076px 4px;
    float:left;
    width:29px;
    height:29px;
    border:1px solid #c2c2c2;
    border-radius:3px 3px 3px 3px;
    margin:12px 0 1em 0.5em;
}

div.popup2-friends-menu {
    border: 1px solid #c2c2c2;
    background: #f7f7f7;
    border-radius: 3px 3px 3px 3px;
    width: 170px;
    height: 300px;
}

.stash-sidebar .types-main,
#stashwriter_sidebar_skins_container .types-main,
.stash-sidebar .subtypes-main {
    overflow-y: auto;
    overflow-x: hidden;
    position: relative;
}
#stashwriter_sidebar div.stash-sidebar .types-main .scroll-container,
#stashwriter_sidebar div.stash-sidebar .subtypes-main .scroll-container {
    top: 0;
    padding:0.5em;
    clear:left;
}
.stash-sidebar .types-heading,
#stashwriter_sidebar_skins_container .types-heading {
    cursor:default;
    float:left;
    font-size:1.4em;
    border:0;
    line-height:23px;
    margin:10px 0 5px;
    padding:0;
    text-overflow:ellipsis;
    overflow:hidden;
    white-space:nowrap;
    width:170px;
}

.stash-sidebar .types-back,
#stashwriter_sidebar_skins_container .types-back {
    margin:10px 8px 7px;
    padding-left:10px;
    height:23px;
    line-height:23px;
    background:-240px 0px url(/minish/submit/writer-back-sprite.gif) no-repeat;
    font-size: 11px;
    color: #777;
    float:left;
}
.stash-sidebar .types-back span,
#stashwriter_sidebar_skins_container .types-back span {
    background:right -23px url(/minish/submit/writer-back-sprite.gif) no-repeat;
    padding:0 10px 0 3px;
    line-height:23px;
    height:23px;
    display:inline-block;
}
.stash-sidebar .types-back:hover,
#stashwriter_sidebar_skins_container .types-back:hover {
    cursor:pointer;
    text-decoration:underline;
}

#stashwriter_sidebar_skins_container .skins-content {
    top:0;
    bottom:50px;
    padding-top:15px;
}
#stashwriter_sidebar_skins_container .skins-edit {
    position:absolute;
    bottom:0;
    height:50px;
    width:100%;
    border-top:1px solid #ccc;
    background:#f5f5f5;
    border-radius:0 0 3px 3px;
}
#stashwriter_sidebar_skins_container .skins-edit a {
    color:#1a91e0;
    display:block;
}
#stashwriter_sidebar_skins_container .skins-edit a.edit-skin {
    width: 30%;
    margin:10px 0 0 10px;
    line-height:28px;
    float:left;
}
#stashwriter_sidebar_skins_container .skins-edit a.apply-skin {
    width: 45%;
    float:right;
    margin:10px 10px 0 0;
    font: normal 1.2em/28px Trebuchet MS, sans-serif;
    text-align:center;
    border:1px solid #ccc;
    background-color:#fdfdfd;
    background-image: linear-gradient(bottom, rgb(249,249,249) 0%, rgb(255,255,255) 100%);
    background-image: -o-linear-gradient(bottom, rgb(249,249,249) 0%, rgb(255,255,255) 100%);
    background-image: -moz-linear-gradient(bottom, rgb(249,249,249) 0%, rgb(255,255,255) 100%);
    background-image: -webkit-linear-gradient(bottom, rgb(249,249,249) 0%, rgb(255,255,255) 100%);
    background-image: -ms-linear-gradient(bottom, rgb(249,249,249) 0%, rgb(255,255,255) 100%);
    background-image: -webkit-gradient(linear, left bottom, left top, from(#f9f9f9), to(#ffffff));
    border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    box-shadow:1px 1px 2px rgba(0,0,0,0.3);
}

.stash-sidebar .more {
    display:none;
    text-align:center;
    clear:both;
}
.stash-sidebar .stream:not(.stash-stream) {
    text-align:center;
    margin: 10px 6px;
}

#stashwriter_sidebar .status,
.stash-sidebar .status {
    position:absolute;
    top:0;
    width:94%;
    display:none;
}
#stashwriter_sidebar .status div,
.stash-sidebar .status div {
    width: 88%;
    padding: 14px;
    margin: 1em auto;
    border: 1px solid #9e9e9e;
    border-radius: 10px;
    background: #d4d3d5;
    background:-webkit-gradient(linear, left top, left bottom, from(#d4d3d5), to(#b3b3b3) );
    background:-moz-linear-gradient(-90deg, #d4d3d5, #b3b3b3);
    _background:#d4d3d5;
    _filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#d4d3d5', EndColorStr='#b3b3b3');
    box-shadow:1px 1px 4px #aaa;
    font-size:12px;
    color:#505055;
    line-height:1.8em;
}

.stash-sidebar .stash-upload-box {
    margin-bottom: 20px;
    padding: 10px;
}

.stash-sidebar .stash-upload .smbutton span {
    padding: 6px 15px;
    font-size: 11px;
}

.stash-sidebar .stash-upload-box .alternative {
    padding: 7px 0;
}

.stash-sidebar .stream.stash-stream {
    text-align: left;
}

.stash-sidebar .stash-stream,
.skins-content .skins-stream {
    zoom: 0.66666666; /* IE and WebKit */
    -moz-transform-origin: 0 0;
    -moz-transform: scale(0.66666666);
    -o-transform-origin: 0 0;
    -o-transform: scale(0.66666666);
}

.stash-sidebar .stash-stream .more {
    display: block;
    zoom: 1.5;
    -moz-transform: scale(1.5);
    -o-transform: scale(1.5);
}

.stash-sidebar .stream img.thumb-not-ready {
    position:absolute;
    left:-9000px;
}

.stash-sidebar div.stream.stash-stream div.tt-a,
div.stream.skins-stream div.tt-a {
    display:inline-block;
    width: 170px;
    height: 200px;
}
div.stream.skins-stream div.tt-a {
    height: 210px;
}
div.stream.skins-stream div.tt-a.active {
    background:#1b91e0;
    border:0;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
}
.stash-sidebar div.stream.stash-stream div.tt-a a.t,
.skins-content div.stream.stash-stream div.tt-a a.t {
    color:#6a6a6a;
    text-align:center;
}
.skins-content div.stream.skins-stream div.tt-a.active a.t {
    color:white;
}
.skins-content div.stream.stash-stream div.tt-a small {
    display:none;
}
div.stream.skins-stream div.tt-a span.tt-w {
    width:auto;
}

.stash-sidebar div.stream.stash-stream div.stream-upload-thumb {
    margin:25px 0 0 15px;
}

.stash-sidebar div.stream.stash-stream div.stream-upload-thumb a.smbutton-file-upload {
    background: url(/minish/submit/upload-thumb.png) no-repeat top left;
    width:116px;
    height:116px;
    color:#95acbf;
    border:0;
}

.stash-sidebar div.stream.stash-stream div.stream-upload-thumb a.smbutton-file-upload span {
    margin-top:70px;
}
/* Comically large file input, so it overlays in full on the upload thumb in FF */
.stash-sidebar div.stream.stash-stream div.stream-upload-thumb #stash-file {
    -moz-transform: scale(5.0);
}
/* Fix size for feature-protected titles. */
.stash-feature .stash-sidebar div.stream.stash-stream div.tt-a {
    height: 200px;
}

.writer-sidebar-main-emoticons ul {
    margin: 0 1em 1em 0;
    list-style:none;
}

.writer-sidebar-main-emoticons ul li {
    float:left;
    width:50px;
    height:50px;
    line-height:50px;
    overflow:hidden;
    text-align:center;
    box-shadow:inset 0 0 40px 40px rgba(0,0,0,0);
    -webkit-transition:box-shadow .1s ease;
    border-radius:5px;
}

.writer-sidebar-main-emoticons ul.exact_matches li {
    box-shadow:inset 0 0 40px 40px rgba(0,0,0,.1);
}

.writer-sidebar-main-emoticons ul li:hover {
    box-shadow:inset 0 0 40px 40px rgba(0,0,0,.2);
    cursor:pointer;
}

.stash-sidebar div.internet_explorer_sucks_truckloads_of_dicks {
    overflow: hidden;
}


/* Drag helper */

.writer-sidebar-drag-helper {
    position: absolute;
    z-index: 300; /* same as Lub surfer */
    filter: none !important; /* IE8 + jQuery opacity */
}

.writer-sidebar-drag-helper-inner {
    zoom: 0.66666666; /* IE8 + IE9 + WebKit */
    -moz-transform-origin: 0 0;
    -moz-transform: scale(0.66666666);
    -o-transform-origin: 0 0;
    -o-transform: scale(0.66666666);
}

.writer-sidebar-drag-helper a.lit {
    margin-left: -2px;
    margin-top: -2px;
}

.writer-sidebar-drag-helper a.t {
    display: none !important;
}

.writer-sidebar-drag-helper q {
    top: 0 !important;
}

.writer-sidebar-drag-helper a.lit.journal q {
    color: #999;
}

.writer-sidebar-drag-helper .stash-tt-a a.lit.journal .wrap {
    border: 1px solid gainsboro;
    background: #F3F3F3;
    background: -o-linear-gradient(top, #F3F3F3, #E2E2E2);
    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');
}

/* The following section has to be ugliest series of browser-specific hacks we have on the site. That's how practical CSS zoom is. */

@-moz-document url-prefix() { /* Firefox */
    .stash-sidebar  .stash-stream,
    .skins-content  .skins-stream {
        width: 150%;
        height: 50%;
    }

    .stash-sidebar .stash-stream .more {
        width: 50%;
        margin-left: 25%;
    }
}

@media not all and (-webkit-min-device-pixel-ratio:0) {  /* Opera */
    .stash-sidebar  .stash-stream,
    .skins-content  .skins-stream {
        width: 150%;
        height: 50%;
    }

    .stash-sidebar .stash-stream .more {
        width: 50%;
        margin-left: 25%;
    }
}

@media screen\0 { /* IE8 + IE9 */
    .stash-sidebar .stash-stream,
    .skins-content .skins-stream {
        width: 150%;
        height: 50%;
    }
}

@media \0screen { /* IE8 only */
    .stash-sidebar div.internet_explorer_sucks_truckloads_of_dicks,
    .skins-content div.internet_explorer_sucks_truckloads_of_dicks {
        width: 400px; 
    }
}

div.ccwriter div.writer {
    border:0;
    padding:2px 4px;
}
div.ccwriter .cctextarea {
    position:relative;
}
div.ccwriter .cctextarea-ctrl::after {
    content:"Powered by Sta.sh Writer";
    color:rgba(0,0,0,.4);
    font:bold 7pt Verdana;
    position:absolute;
    right:0;
    bottom:0;
}
div.commentwriter-sidebar {
    position:fixed;
    top:47px;
    right:0;
    width:300px;
    min-height:420px;
    background:#F5F5F5;
    border-left:1px solid #555;
    z-index:200;
}
div.commentwriter-toolbar {
    position:fixed;
    top:0;
    left:0;
    right:0;
    height:46px;
    background:-webkit-gradient(linear, left top, left bottom, from(#546C62), to(#435951));
    border-bottom:1px solid #30322A;
    z-index:200;
}
div.commentwriter-toolbar .writer-toolbar-button {
    display:inline-block;
}
div.commentwriter-toolbar .headerButton {
    float: left;
    text-indent: -1000px;
    margin: 9px 0 0 5px;
    cursor: pointer;
    background-image: url(/minish/submit/writer-toolbar-sprite.png);
    background-repeat: no-repeat;
}
div.commentwriter-toolbar .headerDividerRight {
    float: right;
}

div.commentwriter-toolbar .headerButton,
div.commentwriter-toolbar .headerButton b {
    color: #EAF2EE;
    font:11px/25px Verdana, sans-serif;
    height: 26px;
}

div.commentwriter-toolbar .headerMenu {
    margin-right: 5px;
    text-align: left;
    text-indent: 0px;
}

div.commentwriter-toolbar .headerMenu:hover {
    background-position: 0px -26px;
}

div.commentwriter-toolbar .headerMenu:hover b {
    background-position: 100% -26px;
}

div.commentwriter-toolbar .headerMenu,
div.commentwriter-toolbar .headerMenu b {
    background-image: url(/minish/canvasdraw/buttons/headermenu-green.png?3);
}
div.commentwriter-toolbar .headerMenu b {
    width: 20px;
}

div.commentwriter-toolbar .headerMenuActive,
div.commentwriter-toolbar .headerMenuActive:hover,
div.commentwriter-toolbar .headerMenu:active,
div.commentwriter-toolbar .gmbutton2:active {
    height: 33px;
    background-position: 0px -52px !important;
}

div.commentwriter-toolbar .headerMenuActive:hover b,
div.commentwriter-toolbar .headerMenuActive b,
div.commentwriter-toolbar .headerMenu:active b,
div.commentwriter-toolbar .gmbutton2:active b {
    height: 33px;
    background-position: 100% -52px !important;
}

div.commentwriter-toolbar .writer-toolbar-file,
div.commentwriter-toolbar .writer-toolbar-edit {
    margin-right: 10px;
}

div.commentwriter-toolbar .writer-toolbar-embed,
div.commentwriter-toolbar .writer-toolbar-zoom { 
    margin-left: 10px;
}

div.commentwriter-toolbar .writer-toolbar-file,
div.commentwriter-toolbar .writer-toolbar-edit,
div.commentwriter-toolbar .writer-toolbar-zoom,
div.commentwriter-toolbar .writer-toolbar-embed {
    width: 65px;
}

div.commentwriter-toolbar .writer-toolbar-undo {
    background-position: 0px -237px;
    width: 38px;
}

.writer-toolbar-undo:active {
    background-position: 0 -289px !important;
    border:3px solid orang;
}


div.commentwriter-toolbar .writer-toolbar-undo:hover {
    background-position: 0 -263px;
}

div.commentwriter-toolbar .writer-toolbar-undo-disabled {
    opacity: .3;
}

div.commentwriter-toolbar .writer-toolbar-redo {
    background-position: 0px -316px;
    width: 38px;
}
div.commentwriter-toolbar .writer-toolbar-redo:hover {
    background-position: 0px -342px;
}
div.commentwriter-toolbar .writer-toolbar-redo:active {
    background-position: 0px -368px !important;
}

div.commentwriter-toolbar .writer-toolbar-redo-disabled {
    opacity: .3;
}

div.commentwriter-toolbar .writer-toolbar-bold {
    background-position: 0px 0px;  
    width: 28px;
}
div.commentwriter-toolbar .writer-toolbar-bold span { 
    text-indent: -10000px;
}
div.commentwriter-toolbar .writer-toolbar-bold:hover {
    background-position: 0px -26px;  
}
div.commentwriter-toolbar .writer-toolbar-bold:active,
div.commentwriter-toolbar .writer-toolbar-bold.active {
    background-position: 0px -52px !important;  
}

div.commentwriter-toolbar .writer-toolbar-italic {
    background-position: 0px -79px;  
    width: 28px;
}

div.commentwriter-toolbar .writer-toolbar-italic:hover {
    background-position: 0px -105px;  
}
div.commentwriter-toolbar .writer-toolbar-italic:active,
div.commentwriter-toolbar .writer-toolbar-italic.active {
    background-position: 0px -131px !important;  
}

div.commentwriter-toolbar .writer-toolbar-underline {
    background-position: 0px -158px;  
    width: 28px;
}

div.commentwriter-toolbar .writer-toolbar-underline:hover {
    background-position: 0px -184px;  
}
div.commentwriter-toolbar .writer-toolbar-underline:active,
div.commentwriter-toolbar .writer-toolbar-underline.active {
    background-position: 0px -210px !important;  
}