/*
 *  © 2000-2009 deviantART, Inc. All rights reserved.
 */
/*
@@require cssms/chrome/body.css
*/

body.gruze .bubbleview {
    color:#2C3635;
    background:#CCD9C8;
}
body.gruze .bubbleview a.a,
body.gruze .bubbleview .alink a,
body.gruze .bubbleview a.super {
    color:#196BA7;
}
body.gruze .bubbleview h1,
body.gruze .bubbleview h2,
body.gruze .bubbleview h3,
body.gruze .bubbleview h4,
body.gruze .bubbleview h1 a,
body.gruze .bubbleview h2 a,
body.gruze .bubbleview h3 a,
body.gruze .bubbleview h4 a {
    color:#2C3635;
}

body.gruze .ad-blocking-makes-fella-confused .ch {
    background:#92A399;
}
body.gruze i.c {
    border-color:#CCD9C8;
}
body.gruze i.c b {
    background:#CCD9C8;
}

body.gruze #output .bubbleview .catbar {
    background:#C1D1BC url(/minish/gruzecontrol/bubbletop-gruze.gif) repeat-x bottom left;
    border-top-color:#D8E2D6;
}

/* tmp: comments */
body.gruze .thought {
    border-color:#A6B8A6;
}
body.gruze .thought a.replybutton {
    display:none
}
body.gruze .rr .comments {
    margin-left:8px
}

/* tmp? more comments */
body.gruze .talk-post .previewbox,
body.gruze .talk .text {
    background:#D9E5D6;
    color:#39473F;
}
body.gruze .talk .text i.dd i {
    border-bottom-color:#CCD9C8;
    border-right-color:#D9E5D6;
}                  
body.gruze .talk a.control-reply {
    color:#6F7C70;
}
body.gruze .talk span.name a {
    color:#447593;
}

body.gruze .talk-tower h2.v {
    border-color:#9FACA0;
}
body.gruze .mood-space .active {
    background:#277ABB !important;
}
body.gruze .mood-space {
    background:#AFBCB0;
}


/* gallery stuff */
body.gruze a.editorbutton i.tl,
body.gruze a.editorbutton i.tr,
body.gruze a.editorbutton i.bl,
body.gruze a.editorbutton i.br {
    background:#CCD9C8 !important;
    border:none;
    width:1px;
    height:1px;
}
body.gruze .bubbleview .folderview-system .ch i.c,
body.gruze .bubbleview .owner-panel .ch i.c {
    border:0 none;
}
body.gruze .bubbleview .folderview-system .ch i.c b,
body.gruze .bubbleview .owner-panel .ch i.c b {
    background:#CCD9C8;
}
body.gruze a.superback i.bl {
    display:none;
}
body.gruze a.superback i.tl {
    width:9px;
    height:19px;
    top:0;
    border:0 none;
    background:url(/minish/gallery/black-mask3.gif?1) no-repeat !important;
}


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

body.gruze table.fora th strong,
body.gruze table.forum th strong {
    color:#6C7F77 !important;
    border-bottom-color:#92A399 !important;
    margin-bottom:12px;
}
body.gruze table.fora td.f,
body.gruze table.forum td.f {
    background:#C1CDC0!important;
    border-color: #CCD9CD !important;
    vertical-align:middle;
}

.gtab {
    display:block;
    padding:9px 6px 9px 37px;
    top:1px;
    position:relative;
    z-index:30;
    text-decoration:none !important;
    color:#2C3534;
    margin-right:8px;
    white-space:nowrap;
}
.gtab-i {
    position:absolute;
    top:0 !important;
    right:-5px;
    _right:2;
    width:6px;
    height:100%;
    _height:35 !important;
    _overflow:hidden !important;
    background-position:100% 0;
}
.gtabi-mc {
    background-image:url(http://st.deviantart.net/minish/messages/tabs-mc.gif?2) !important;
    border-bottom:3px solid #E5EAE3;
    margin-bottom:-2px;
}
.gtabi-gm, .gtabi-gm .gtab-i {
    /*background-image:url(http://st.deviantart.net/minish/gruzecontrol/tabs-street3.gif) !important;*/
    font-weight:bold;
    color:#B5623E !important;
    cursor:default;
}
body.gruze .gr-box .gtab {
    padding:6px 0px 3px 20px;
    color:#337287;
}

.gtab .icon {
    left:9px;
    _left:-27;
    top:6px;
}

/*
@@require cssms/chrome/body.css
@@require cssms/pages/misc/gmbutton2.css
@@require cssms/pages/newsheadlines.css
*/


body.gruze div.bubbleview a {
    color:#2C3635;
}
body.gruze div.bubbleview a.a,
body.gruze div.bubbleview div.alink a,
body.gruze div.bubbleview a.super {
    color:#196BA7;
}
body.gruze #output #deviant,
body.gruze #output #group {
    padding:0;
}
body.gruze #output #deviant div.catbar,
body.gruze #output #group div.catbar {
    margin:0 -18px;
    _z-index:25;
    padding:8px 15px 0px 15px;
    margin:0 -18px;
    overflow:visible;
    min-height:51px;
    _height:60;
}
body.gruze #output #deviant div.catbar,
body.gruze #output #group div.catbar,
body.gruze #output #deviant div.catbar h1,
body.gruze #output #group div.catbar h1 {
    color:#405147;
}
body.gruze #deviant div.catbar img.avatar,
body.gruze #group div.catbar img.avatar {
    margin-right:6px !important;
    position:relative;
    top:-2px;
    left:-2px;
}
#deviant a.gmbutton2 i.icon,
#group a.gmbutton2 i.icon,
div.blues-bar i.icon,
.iconset-gruser i {
    background-image:url(/minish/gruzecontrol/icons-gruser.gif?27);
}

#deviant div.hh, #group div.hh {
    padding-top:0;
    margin-top:0;
}

div.gruserbadge {
    float:left;
    margin:3px 20px 0 0;
}

/* oldschool box (back-compat journal) */
body.gruze div.journalcontrol div.box {
    border-color:#92A399;
    background-color:#BAC5BA;
    color:#393D3C;
    margin-bottom:0px !important;
}
body.gruze div.journalcontrol-v5 {
    margin-bottom:16px !important;
}
body.gruze div.journalcontrol div.box div.boxtop {
    background:#92A399;
}

body.gruze a.gmhyper {
    color:#196BA7 !important;
}
body.gruze a.gmbuttonhuge {
    background-image:url(/minish/messages/messagebuttonhuge-light.gif?1)
}
body.gruze a.gmbuttonmid {
    background-image:url(/minish/messages/messagebuttonmid-light.gif)
}
body.gruze a.gmbutton {
    background-image:url(/minish/messages/messagebutton-light.gif)
}
body.gruze a.gmbuttonlil {
    background-image:url(/minish/messages/messagebuttonlil-light.gif)
}

/* to be moved: gallery/fave stuff */

body a.gmbutton2 i.icon {
    /* Opera, Safari */
    position:static;
    width:26px;
    display:inline-block;
    vertical-align:middle;
    margin-left:-4px;

    /* IE */
    _margin:3px 0 0 -4px;
    _float:left;
}
body a.gmbutton2:-moz-any-link i.icon {
    /* Fox */
    margin:3px 0 0 -4px;
    float:left;
}

body.gruze ul.headlines span.lovi {
    background-image:url(/minish/gruzecontrol/loveri.gif);
}

.catbar .moarbuttons {
    float:right;
    margin: 22px -12px 0px -10px;
}
.moarbuttons .gmbutton2 {
    margin-right: 10px !important;
}
.moarbuttons .gmbutton2,
.moarbuttons .gmbutton2 b {
    background-image:url(/minish/gruzecontrol/user_page_headerbutton.png);
    height: 26px;
    line-height: 26px;
    font-size: 11px;
    color: #337287 !important;
}
.moarbuttons .gmbutton2 i.icon {
    height:23px;
}
.moarbuttons .gmbutton2:hover {
    background-position:0 -26px;
}
.moarbuttons .gmbutton2:hover b {
    background-position:100% -26px;
}
.catbar .moarbuttons .gmbutton2:active b,
.catbar .moarbuttons a.active b {
    background-position:100% -52px !important;
}
.catbar .moarbuttons .gmbutton2:active,
.catbar .moarbuttons a.active {
    background-position:0 -52px !important;
}

td.gruze-main .ccomment div.text {
    max-width: 550px;
}

.catbar table td.f {
    _position:relative;
}
.catbar table .gm-chaos {
    _position:absolute !important;
    _left:auto !important;
    _right:2px !important;
}

/*
@@require cssms/pages/grusers/funsizegraph.css
*/

/* basic looks */
.blues-bar {
    clear:both;
    border-top:1px solid #EFF3EF;
    /*border-bottom:1px solid #E6ECE4;
    background:#D3DFD1 url(/minish/gruzecontrol/cruiser.gif) repeat-x top left;*/
    padding-bottom:3px;
    margin-bottom:-3px;
    background:#D3DFD1 url(/minish/gruzecontrol/blues-groove.gif) repeat-x bottom left;
}
.blues-bar .blues-bar-ctrl {
    border-bottom:1px solid #9EB1A2;
    position:relative; /* see gpage.js zindex stuff */
    background:url(/minish/gruzecontrol/cruiser.gif) repeat-x top left;
}

/* layout */
.blues-bar-ctrl {
    overflow:hidden;
    _overflow:visible;
    _height:1;
}
.blues-bar .gmbutton2town,
.blues-bar .gmbutton2admin {
    padding:8px 8px 5px 14px;
    white-space:nowrap !important;
}
.gmbutton2admin {position:relative;padding-right:23px !important;z-index:99}
.gmbutton2admin .gmbutton2 {position:absolute;right:13px;top:-33px}
.blues-bar .gmbutton2admin {
    float:right;
    position:static;
}
.blues-bar .gmbutton2admin .gmbutton2 {float:left;position:relative;right:0;top:0}

/* sub bits */
.blues-bar span.bb,
.blues-bar .bb {
    display:block;
    float:left;
    text-align:left;
    padding:2px 0 0 2px;
    _padding-bottom:0;
    margin-right:5px;
    cursor:default;
    font-size:8.25pt;
}
.blues-bar span.bb strong.f {
    display:block;
}
.blues-bar span.bb strong.h {
    margin-top:.1em;
    font:10pt "Trebuchet MS";
    font-weight:bold;
    line-height:1.06em;
}

/* button rules */
body .blues-bar span.bb a.gmbutton2,
.blues-bar span.bb span.gmpanel,
.blues-bar .bb .gmpanel {
    display:block;
    margin:0 3px 0 6px;
    padding:4px 4px 0 8px;
    height:38px;
    _height:42;
    line-height:1.4em;
    text-align:left;
    color:#3D4745;
    font-size:8.25pt;
    white-space:nowrap;
    _width:150; /* force float left to do what it's supposed to in IE (leaving room for bluestips) */
}
body .blues-bar span.bb a.gmbutton2 b {
    height:42px;
}
body .blues-bar span.bb a.gmbutton2 {
    padding-right:15px;
    -moz-focus-outline:none;
    -moz-outline:none;
}
body .blues-bar span.bb a.gmbutton2 img.d {
    position:absolute;
    z-index:12;
    top:17px;
    right:1px;
}
body .blues-bar span.bb a.gmbutton2:active img.d,
body .blues-bar span.bb a.active img.d {
    top:18px;
}
body .blues-bar span.bb a.gmbutton2,
body .blues-bar span.bb a.gmbutton2 b,
body .blues-bar span.bb a.gmbutton2 span.bluestip {
    background-image:url(/minish/gruzecontrol/gmbuttonmassive3.gif);
}
.blues-bar span.gmpanel,
.blues-bar .gmpanel {
    overflow:visible;
}
.tight {
    line-height:1.1em;
    position:relative;
    top:-.1em;
    font-size:7pt;
    letter-spacing:1px;
}
.tighttt {
    display:block;
}


body .blues-bar span.bb a.gmbutton2:hover {
    background-position:0 -45px !important;
}
body .blues-bar span.bb a.gmbutton2:hover b {
    background-position:100% -45px !important;
}

body .bluesbar-locked .blues-bar span.bb a.gmbutton2:hover,
body .bluesbar-locked .blues-bar span.bb a.gmbutton2:hover b {
    cursor:default;
    background-position:0 0 !important;
}

body .blues-bar span.bb a.gmbutton2:active,
body.gruze .blues-bar span.bb a.active,
* html body.gruze .blues-bar span.bb a.active:hover,
body.gruze .bluesbar-locked .blues-bar span.bb a.active:hover,
* html body.gruze .bluesbar-locked .blues-bar span.bb a.active:hover
{
    font-weight:normal !important;
    color:#3D4745 !important;
    background-position:0 -90px !important;
}


body .blues-bar span.bb a.gmbutton2:active b,
body.gruze .blues-bar span.bb a.active b,
* html body.gruze .blues-bar span.bb a.active:hover b,
body.gruze .bluesbar-locked .blues-bar span.bb a.active:hover b,
* html body.gruze .bluesbar-locked .blues-bar span.bb a.active:hover b
{
    background-position:100% -90px !important;
}
* html body.gruze .blues-bar span.bb a.gmbutton2,
* html body.gruze .blues-bar span.bb a.gmbutton2 * {
    cursor:pointer;
}
body.gruze .blues-bar span.bb a.active,
* html body.gruze .blues-bar span.bb a.active * {
    cursor:default;
}




/* blues tip */
* html body .blues-bar span.bb a.gmbutton2:active,
* html body .blues-bar span.bb a.gmbutton2:active b {
    background-position:0 0 !important;
}
body .blues-bar span.bb a.gmbutton2 span.bluestip {
    position:relative;
    _position:absolute;
    display:block;
    z-index:10;
    top:-4px;
    left:-8px;
    _top:0;
    _left:0;
    width:108%;
    _width:auto;
    padding-top:9px;
    text-indent:12px;
    height:28px;
    _height:37;
    margin-bottom:-37px;
    font:13pt "Trebuchet MS";
    font-weight:bold;
    opacity:0;
    filter:alpha(opacity=0);
    color:#196BA7;
    background-position:0 -45px;
    visibility:hidden;
}
body .blues-bar span.bb a.gmbutton2:hover span.bluestip {
    visibility:visible;
}
body .blues-bar span.bb a.active span.bluestip {
    visibility:visible;
    background-position:0 -90px;
    color:#135780;
    padding-top:10px;
    opacity:1;
    filter:alpha(opacity=100);
}
body .bluesbar-locked span.bb a:hover span.bluestip {
    visibility:hidden !important;
}
body .bluesbar-locked span.bb a.active span.bluestip,
body .bluesbar-locked span.bb a.active:hover span.bluestip {
    visibility:visible !important;
}



/* sep rules */
.blues-bar span.bb-with-sep,
.blues-bar .bb-with-sep {
    background:url(/minish/gruzecontrol/dipdipdip.gif) no-repeat center right;
    padding-right:7px;
}



/* menu fun */
body div.popup2-gruser {
    background:#D5E0D3 !important;
    border-color:#A2B3A4 !important;
}
div.popup2-gruser .gr-body,
div.popup2-gruser .gr {
    border:0;
    background:transparent !important;
}
body div.popup2-gruser {
    height:auto;
}
body div.popup2-gruser-why {
    width:260px;
    height:240px;
}
.popup2-gruser-member {
    width:220px !important;
}

body div.popup2-gruser-groups {
    width:300px;
    height:auto;
}
body div.popup2-gruser-activity {
    width:400px;
    height:360px;
}
body div.popup2-gruser-give {
    width:200px;
    padding-top:3px;
    height:51px;
    _height:54;
}
body div.popup2-gruser-stats {
    width:380px;
    height:180px;
    _height:210;
    overflow:hidden;
}
body div.popup2-gruser-stats2 {
    width:250px;
    height:150px;
    overflow:hidden;
}

body div.popup2-gruser-nav {
    height: 120px;
    width: 180px;
}

div.popup2-gruser {
    border:1px solid #89A08E !important;
    font-size:8.25pt;
    color:#3D4745 !important;
}
body div.popup2-gruser-give,
body div.popup2-gruser-app {
    background:#DEE8E5 !important;
}
div.popup2-gruser .fixed {
    position:absolute;
    bottom:0;
    left:0;
}


body div.popup2-gruser-why,
body div.popup2-gruser-activity,
body div.popup2-gruser-stats,
body div.popup2-gruser-stats2,
body div.popup2 .pbox {
    background:#D5E0D3 !important;
}


body div.popup2-gruser-why dl.f {
    margin-top:-12px;
}
body div.popup2-gruser-why dt.f {
    margin:15px 0 1px 0;
    font:11pt "Trebuchet MS";
    font-weight:bold;
}

div.popup2-gruser .pbox a {
    color:#3D4745;
}
div.popup2-gruser .pbox {
    cursor:default;
    padding:8px;
    margin-bottom:4px;
}
div.popup2-gruser-stats .pppbox {
    padding:24px 16px 6px 16px;
    font-size:8.25pt;
    line-height:1.4em;
}
div.popup2-gruser-stats .funsizegraph,
div.popup2-gruser-stats2 .funsizegraph {
    font-size:8.25pt;
    position:absolute;
    right:46px;
    top:44px;
}
div.popup2-gruser .page2 {
    overflow:visible !important;
}
div.popup2-gruser-stats .page2 a.f,
div.popup2-gruser-give .page2 a.f {
    color:#3F5652 !important;
    text-indent:8px !important;
}
div.popup2-gruser-give .page2 a.f {
    text-align:right;
    padding-right:8px;
}
div.popup2-gruser-give .page2 .hr {
    margin:3px 0;
}

div.popup2-gruser .ploading {
    color:#7D8785;
}


div.popup2-gruser-activity ul.f li.f {
    position:relative;
    padding-left:30px !important;
    margin-bottom:16px;
    line-height:1.5em;
}
div.popup2-gruser-activity ul.f li.f i.icon {
    position:absolute;
    top:-2px;
    left:2px;
}
div.popup2-gruser-activity ul.f li.f a {
    color:#498091;
}
.activity-menu-footer, .activity-menu-footer a.u {
    color:#7D8785 !important;
    text-align:center;
}

#deviant span.blues-bar-title i.icon,
#group span.blues-bar-title i.icon {
    margin-top:-2px !important;
    _margin-top:2px;
    float:none !important;
}
#deviant span.blues-bar-title,
#group span.blues-bar-title {
    margin-left:4px;
    margin-top:7px;
    font-family:"Trebuchet MS",sans-serif;
    font-size:14pt;
    font-weight:bold;
    display:block;
}
#deviant span.blues-bar-title i.icon {
    background-image:url(/minish/gruzecontrol/icons-userpagetoolbar.png) !important;
}

#deviant .bb-mygroups .grp .grpname,
#super-secret-groups .grp .grpname {
    font-weight: bold;
    font-size: 1.1em;
    margin-left: 55px;
    margin-top: 5px;
}
#deviant .bb-mygroups .grp .grptagline,
#super-secret-groups .grp .grptagline
{
    display:block;
    margin-left:55px;
}
#deviant .bb-mygroups .grp,
#super-secret-groups .grp {
    top:5px;
    display:block;
    position:relative;
}
#super-secret-groups .grpicon,
.bb-mygroups .grpicon {
    position:absolute;
    left:3px;
    margin-right: 5px;
}
#super-secret-groups .grp {
    padding: 4px 8px 4px 8px;
    display:block;
    background-color: #d5e0d3;
}
#super-secret-groups .pbox {
    padding: 0px;
}
#super-secret-groups .grp + .grp {
    border-top: 1px dotted #adbeb1;
    
    padding-top: 10px;
}
#super-secret-groups .grp:hover {
    background-color: #c1d1bf;
}
#super-secret-groups .grp a.u {
    color: #448899;
    text-decoration: none;
}

#super-secret-groups .grp a.u:hover {
    text-decoration: underline;
}
.grpname>a::before {position:absolute;content:"";left:0;right:0;top:0;bottom:0}


.popup2-gruser .iconh .icon,
.popup2-cruiser .iconh .icon {margin-left:-30px;margin-top:-3px;}


div.funsizegraph span.bars {
    display:block;
    width:163px;
    height:43px;
    _width:164;
    _height:44;
    border:1px solid #717770;
    border-style:none none solid solid;
    overflow:hidden;
    position:relative;
    vertical-align:bottom;
    margin-bottom:3px;
}
div.funsizegraph a * {
    cursor:pointer; /* in case IE can't figure that out itself */
}
div.funsizegraph a {
    display:block;
    width:164px;
    font-weight:bold;
    color:#135780;
    text-decoration:none;
}
div.funsizegraph a:hover,
div.funsizegraph a:focus {
    color:#196BA7;
    text-decoration:underline;
}
div.funsizegraph a.subby,
div.funsizegraph a.subby:hover,
div.funsizegraph a.subby:focus {
    color:#B43E64;
}

div.funsizegraph span.label {
    position:absolute;
    /*width:100%;
    text-align:center;*/
    white-space:nowrap;
    left:0;
    font-size:8.25pt;
    top:-1.4em;
    line-height:1em;
    color:#3D4745;
}

div.funsizegraph span.bar
{
    float:right;
    /*margin-right:2px;*/

    width:5px;
    height:44px;
    border:0 solid #D5E0D3; /* you'll see... */
    border-right-width:2px;
    _width:7;
    overflow:hidden;

    position:relative;
    top:44px;
    background:#78C700 url(http://st.deviantart.com/minish/gruzecontrol/funsizegraph.gif) repeat-x;

}

/*
small headlines
like on the userpage
*/
ul.headlines {
    padding:12px;
}
ul.headlines li.f {
    padding:5px;
}

ul.headlines span.lovi {
    width:50px;
    height:17px;
    line-height:17px;
    float:left;
    text-align:center;
    background:#4E5D5B url('/styles/minimal/minish/loveri.gif');
    margin-right:12px;
    color:white;
    font-weight:bold;
    font-size:8.25pt;
}
ul.headlines span.lovied {
    background-color:#3E8EB7;
}

ul.headlines small {
    display:inline;
}

div.ctube {
    margin-top:8px;
    position:relative;
    height:24px;
    overflow:hidden;
}
div.ctube, div.ctube i.l {
    background:url(http://st.deviantart.com/minish/gruzecontrol/bun.gif) no-repeat top right;
}
div.ctube i.l {
    background-position:top left;
    width:10px;
    position:absolute;
    left:0;
    top:0;
    height:24px;
}
div.ctube div.cfill {
    position:absolute;
    background:url(http://st.deviantart.com/minish/gruzecontrol/hotdog.gif);
    width:800px;
    height:24px;    
    position:absolute;
}
div.ctube div.cfill span {
    color:white;
    position:absolute;
    right:4px;
    font:8.25pt Verdana;
    line-height:24px;
    vertical-align:middle;
    height:24px;
    top:0;
}
div.ctube div.cfill span.sub20 {
    color:black;
    position:absolute;
    right:auto;
    left:803px;
}


dl.shouts dt.f {
    position:relative;
    padding-left:1.3em;
}
dl.shouts dt.f img.avatar {
    position:absolute;
    left:0;
    width:1.2em;
    height:1.2em;
}
dl.shouts dd.f {
    margin-bottom:1em;
}
div.altview dl.shouts dd.f {
    margin-bottom:0;
}

#Install_Skin {
    background: url(http://st.deviantart.com/journal/installtojournal_btn_full.gif) no-repeat; 
    height: 26px; 
    width: 150px; 
    margin: auto;
    display: block;
    cursor: pointer;
    outline: none;
}

#Install_Skin:hover {
    background-position: 0px -26px;
}

#Install_Skin:active {
    background-position: 0px -52px;
    
}

#Install_Skin.install_active {
    background-position: 0px -78px;
    
}

#Install_Skin.install_success {
    background-position: 0px -104px;
    
}

#Install_Skin.install_error {
    background-position: 0px -130px;
    
}

#Skin_Is_SubOnly {
    background-attachment:scroll;
    background-color:#C7456C;
    background-image:url(http://st.deviantart.com/journal/lock.gif);
    background-position:5px 10px;
    background-repeat:no-repeat;
    color:white;
    padding-bottom: 15px;
    padding-left: 30px;
    padding-right: 15px;
    padding-top: 5px;
    line-height: 25px;
}

body div#world div#output #Skin_Is_SubOnly a {
    color: white;
    text-decoration: underline;

}

/* moved skin picker styles into deviation_picker.css */
/* @@require cssms/pages/misc/gmbutton2.css */

/* overall setup */
.deepee-box {
    font:9pt "Lucida Grande", Verdana, sans-serif;;
    height:590px;
    width:835px;
    border-top:1px solid #fff;
    border-bottom:1px solid #9EB1A2;
    zoom:1;
}

/* titlebar */
.deepee-box .deepee-title {
    height:34px;
    padding:13px 24px 0;
    overflow:hidden;
    cursor:default;
    font:12pt "Lucida Grande", Verdana, sans-serif;
    background:#C1D1BC url(/minish/widgets/deepee-topbar-gradient.gif) repeat-x;
}
* html .deepee-box .deepee-title {
    height:47px;
}
div#modalspace div.modal a.deepee-x {
    top:15px;
    right:16px;
}

/* navbar */
.deepee-box .deepee-navbar {
    height:39px;
    padding:10px 24px 0pt;
    background:#CCD9C8 url(/minish/gruzecontrol/topfun.gif) repeat-x scroll 0 0;
    position:relative;
    _height:49px;
}
.deepee-box .deepee-navinfo {
    position:absolute;
    right:24px;
    top:14px;
    text-align:right;
    overflow:hidden;
    white-space:nowrap;
    max-width:400px;
}
.deepee-box-tabbed .deepee-navinfo {
    top:16px;
    right:44px;
}

/* FYI: The order of some of these i/b sections is IMPORTANT! If you change it, make sure that the 1,2, and 3 tab cases all still work. */
.deepee-box .deepee-navtabs {
    position: absolute;
    left:16px;
    top:9px;
}
.deepee-box .deepee-navtabs a, .deepee-box .deepee-navtabs a i, .deepee-box .deepee-navtabs a b {
    display:block;
    height:27px;
    margin:0;
    background:url(/minish/widgets/deepee-button.gif?1) no-repeat;
}
.deepee-box .deepee-navtabs a {
    position:relative;
    float:left;
    padding:5px 8px 0;
    height:22px;
    _height:27px;
    color:#2C3635;
    text-decoration:none;
    background-position:-5px 0px;
}
.deepee-box .deepee-navtabs a i {
    position:absolute;
    left:0;top:0;
    width:5px;
    background-position:-367px 0px;
}
.deepee-box .deepee-navtabs a b {
    position:absolute;
    right:0;top:0;
    width:5px;
    background-position:-372px 0px;
}
.deepee-box .deepee-navtabs span.first a i {
    background-position:0px 0px;
    left:-5px;
}
.deepee-box .deepee-navtabs span.last a b {
    background-position:-395px 0px;
    right:-5px;
}
.deepee-box .deepee-navtabs a:hover {
    background-position:-5px -27px;
}
.deepee-box .deepee-navtabs a:hover i {
    background-position:-367px -27px;
}
.deepee-box .deepee-navtabs a:hover b {
    background-position:-372px -27px;
}
.deepee-box .deepee-navtabs span.last a:hover i {
    background-position:-367px -27px;
}
.deepee-box .deepee-navtabs span.first a:hover i {
    background-position:0px -27px;
}
.deepee-box .deepee-navtabs span.first a:hover b {
    background-position:-372px -27px;
}
.deepee-box .deepee-navtabs span.last a:hover b {
    background-position:-395px -27px;
}
.deepee-box .deepee-navtabs a.selected {
    background-position:-5px -54px;
}
.deepee-box .deepee-navtabs a.selected i {
    background-position:-367px -54px;
}
.deepee-box .deepee-navtabs a.selected b {
    background-position:-372px -54px;
}
.deepee-box .deepee-navtabs span.last a.selected i {
    background-position:-367px -54px;
}
.deepee-box .deepee-navtabs span.first a.selected i {
    background-position:0px -54px;
}
.deepee-box .deepee-navtabs span.first a.selected b {
    background-position:-372px -54px;
}
.deepee-box .deepee-navtabs span.last a.selected b {
    background-position:-395px -54px;
}
.deepee-box .deepee-navtabs a.disabled {
    color:#89968A;
    cursor:default;
}

/* the searchbox */
.deepee-search, .deepee-search .search-field, .deepee-search .search-button, .deepee-search .search-cancel {
    background:transparent url(/minish/widgets/deepee-search.gif?1) repeat-x scroll left top;
    border:0 none;
}
.deepee-box .deepee-search {
    background-repeat:repeat;
    text-align:center;
    height:25px;
    width:265px;
    line-height:25px;
    margin:0;
    position:relative;
}
.deepee-box .search-field {
    background-position: -4px 0px;
    height:16px;
    _height:24;
    padding:4px 2px;
    font-size:110%;
    position:absolute;
    top:0px;
    left:8px;
    width:190px;
}
.deepee-box .search-field:focus {
    outline:0;
}
.deepee-box .search-field-cancellable {
    width:170px;
}
.deepee-box .search-button {
    background-position:-373px 0px;
    cursor:pointer;
    height:25px;
    width:68px;
    overflow:hidden;
    position:absolute;
    top:0;
    right:-5px;
}
.deepee-box .search-button:hover {
    background-position:-373px -25px;
}
.deepee-box .search-button:active {
    background-position:-373px -50px;
}
.deepee-box .search-cancel {
    display:none;
    background-position:100% -3px;
    cursor:pointer;
    width:17px;
    height:17px;
    position:absolute;
    right:66px;
    top:3px;
}
.deepee-box .search-cancel:hover {
    background-position:100% -28px;
}
.deepee-box .search-cancel:active {
    background-position:100% -53px;
}

div.deepee-box-tabbed .deepee-search {
    position:absolute;
    right:20px;
}

/* main body */
.deepee-box .deepee-searchbody, .deepee-box .deepee-custom {
    height:450px;
    overflow-y:auto;
}
.deepee-box .search-results {
    height:405px;
    overflow-y:auto;
}
.deepee-box .search-pager {
    height:45px;
}

.deepee-box div.stream p.stream-message {
  margin: 0;
  padding: 100px 0 0 0;
  font-size: 1.33em;
}
.deepee-box div.stream p.loading {
  background: url(/minish/main/loading-stream2.gif) center 200px no-repeat;
  height: 200px;
  padding-top: 170px;
  font-size: 1.1em;
  color: #829586;
}

.deepee-box div.stream a {
    color:#337287;
    text-decoration:none;
    font-weight:bold;
    font-size:8pt;
    white-space: nowrap;
}
.deepee-box div.stream a:hover {
    text-decoration:underline;
}
.deepee-box div.stream span.selected,
.deepee-box div.stream span.selected span.tt-w,
.deepee-box div.stream div.selected span,
.deepee-box div.stream div.selected div.tt-w {
    background:url(/minish/gallery/thumb-select.gif) no-repeat 50% 63% !important;
}
* html .deepee-box div.stream div.selected span.shadow {
    background-image:none !important;
}
.deepee-box div.stream div.tt-a {
    width:197px;
    text-overflow:ellipsis;
    overflow:hidden;
}
.deepee-box div.stream div.tt-a span.tt-w {
    padding: 3px 0;
}

.deepee-box .action-buttons {
    text-align:right;
}
.deepee-box .action-buttons a {
    width:6ex;
}
.deepee-box div.nav2 {
    padding:4px 0;
}

.deepee-custom {
    display:none;
}

/* this should perhaps be split out later: */
.deepee-ho div.stream span.tt-w,
.deepee-ho div.stream div.tt-w {
    background:url(/minish/gallery/thumb-select-taller.gif) no-repeat 50% 6px !important;
    height: 210px;
    _height: 220px;
}
.deepee-ho div.stream span.placeholder {
    display:block;
    width:205px;
    height:194px;
}
* html .deepee-ho div.stream span.shadow {
    background-image:none !important;
}


/* devwatch modal */

.deepee-tree{
    padding-left: 25px;
    background:url(http://st.deviantart.com/minish/messages/devwatch-editor-treeline.gif) 2px 0px no-repeat;
}


.deepee-tree-last {
    background-image:url(http://st.deviantart.com/minish/messages/devwatch-editor-treeline-last.gif);
}

.deepee-treeradio, .deepee-treeradio-all {
    display: block;
    width: 19px;
    height: 19px;
    background: url(http://st.deviantart.com/minish/messages/devwatch-editor-checkbox-empty.gif) no-repeat;
    cursor:pointer;
}

.deepee-treeradio-all {
    background-image: url(http://st.deviantart.com/minish/messages/devwatch-editor-checkboxall-empty.gif) !important;
}


.deepee-treeradio.deepee-treeradio-checked {
    background-image: url(http://st.deviantart.com/minish/messages/devwatch-editor-checkbox-green.png);
}


.deepee-treeradio-all.deepee-treeradio-checked {
    background-image: url(http://st.deviantart.com/minish/messages/devwatch-editor-checkboxall-checked.gif) !important;
}

.deepee-treeradio-box {
    margin-right: 10px;
}

* html .deepee-treetable td {
    
    font-size: 12px;
    
}

.deepee-tree-devwatch {
    background-image: url(http://st.deviantart.com/minish/messages/devwatch-editor-tree-devwatch.gif) !important;
    padding-left: 25px !important; 
}

.deepee-tree-feedback {
    background-image: url(http://st.deviantart.com/minish/messages/devwatch-editor-tree-feedback.gif) !important;
    padding-left: 25px !important; 
}


/* skin picker styles */

.skinPickerButton em {
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    color: #5B9107;
    position: relative;
    top: 4px;
}


.gmbutton2RevealOne {
    display: block;
    width: 200px;
    overflow: hidden;
    text-align: center;
    cursor:pointer;
}
.gmbutton2Reveal:hover .gmbutton2RevealOne, .gmbutton2Reveal:active .gmbutton2RevealOne {
    display: none;
}

.gmbutton2RevealTwo {
    display:none;
    width: 200px;
    color: #3F7B8D;
    font-weight: bold;
    text-align: center;
    cursor:pointer;
}

.gmbutton2Reveal:hover .gmbutton2RevealTwo, .gmbutton2Reveal:active .gmbutton2RevealTwo {
    display: block;
}