/**
*    Stripgenerator
*
*    Skin: Default
*
*    @author  Frenk T. Sedmak Nahtigal
*    @version 1.08
**/

/* =COMMON
----------------------------------------------- */
body {
    font-family: 'Trebuchet MS', trebuchet, sans-serif;
    background-color: #f4f4f5;
    color: #505050;
}

a {
    color: #ef4023;
    text-decoration: none;
}

textarea, select {
    font-family: 'Trebuchet MS', trebuchet, sans-serif;
}

a:hover {
    text-decoration: underline;
}

/* =CONTAINERS
----------------------------------------------- */
/* =header
----------------------------------------------- */
#header > h1 a {
    text-indent: -9999px;
    background: url(../../../../images/logo_stripgenerator.png) no-repeat;
}

#header > .striptistics {
    border: 1px solid #cecece;
}

    #header > .striptistics .bubble {
        background: #F4F4F5 url(../../../../images/sprite_icons.png) no-repeat -220px -80px;
    }

    #header > .user dl dd a:first-child {
        font-weight: bold;
    }

    #header > .header_user .user > a img {
        border: 1px solid #cecece;
    }

    #header > .header_user .user > a:hover img {
        border-color: #EF4023;
    }

    #header > form > .aerror > div strong {
        font-size: 12px;
        font-weight: normal;
    }

#header .ie6_warning {
    display: none;
}


/* =content
----------------------------------------------- */
#content h2 {
    font-size: 18px;
    background: url(../../../../images/label_line.png) 0 8px repeat-x;
}

    #content h2 > img {
        background: #F4F4F5;
    }

    #content h2 .label {
        text-indent: -9999px;
    }

    #content h2 a .label {
        cursor: pointer;
    }

    #content h2 a.up, #content h2 a.down {
        font-size: 14px;
        font-weight: bold;
    }

    #content h2 a.up {
        background: #F4F4F5 url(../../../../images/arrow_up.png) no-repeat right;
    }

    #content h2 a.down {
        background: #F4F4F5 url(../../../../images/arrow_down.png) no-repeat right;
    }

    #content h2 a.helpHund {
        text-indent: -99999px;
        background: #F4F4F5 url(../../../../images/sprite_icons.png) no-repeat -238px -290px;
    }

    #content .user a img {
        border: 1px solid #CECECE;
    }

    #content .user a:hover img {
        border-color: #EF4023;
    }

    /* Sidebar */
    #merch_support > a {
        text-decoration: none;
    }

        #merch_support > a img.pack {
            border: 1px solid #000;
        }

        #merch_support > a:hover span {
            text-decoration: underline;
        }

/* =footer
----------------------------------------------- */
#footer > div {
    border-top: 1px solid #e1e1e1;
}

    #footer .merchandise {
        text-indent: -99999px;
        background: url(../../../../images/merchandise_footer.png) no-repeat;
    }

    #footer ul {
        background: url(../../../../images/footer_hund.png) no-repeat left;
    }

        #footer li {
            background: #fff url(../../../../images/footer_divider.png) no-repeat right;
            border: 1px solid #cecece;
            border-width: 1px 0;
        }

        #footer li.legal_stuff {
            background: #fff;
            border-width: 1px 1px 1px 0;
        }

/* =search form
----------------------------------------------- */
form.search { background: url(../../../../images/sprite_form.png) no-repeat 0 -568px; }

    form.search.results { background-position: 0 -748px; }

    form.search label {
        font-size: 14px;
        font-weight: bold;
    }

    form.search input[type="text"] {
        border: 1px solid #cecece;
        border-width: 1px 0;
        font-size: 18px;
        font-weight: bold;
    }

        form.search.results input[type="text"] {
            background-color: #fff9cd;
            border-color: #dac000;
        }

    form.search input[type="submit"] {
        background: #fff url(../../../../images/sprite_form.png) no-repeat 0 -680px;
        border: 0;
    }

        form.search.results input[type="submit"] {
            background-position: 0 -860px;
            border-color: #dac000;
        }

/* =User level labels
----------------------------------------------- */
.user_level {
    text-indent: -9999px;
    background: url(../../../../images/sprite_userlevel.png) no-repeat 200px 0;
}

.user_level.a2   { background-position: 0    0   }
.user_level.a3   { background-position: 0  -40px }
.user_level.a4   { background-position: 0  -80px }
.user_level.a5   { background-position: 0 -120px }
.user_level.a6   { background-position: 0 -160px }
.user_level.a7   { background-position: 0 -200px }
.user_level.a8   { background-position: 0 -240px }
.user_level.a9   { background-position: 0 -280px }
.user_level.a10  { background-position: 0 -320px }
.user_level.a11  { background-position: 0 -360px }
.user_level.a12  { background-position: 0 -400px }
.user_level.a13  { background-position: 0 -440px }
.user_level.a14  { background-position: 0 -480px }
.user_level.a15  { background-position: 0 -520px }
.user_level.a16  { background-position: 0 -560px }
.user_level.a100 { background-position: 0 -600px }

.user_level.small.a2   { background-position: -200px    0   }
.user_level.small.a3   { background-position: -200px  -40px }
.user_level.small.a4   { background-position: -200px  -80px }
.user_level.small.a5   { background-position: -200px -120px }
.user_level.small.a6   { background-position: -200px -160px }
.user_level.small.a7   { background-position: -200px -200px }
.user_level.small.a8   { background-position: -200px -240px }
.user_level.small.a9   { background-position: -200px -280px }
.user_level.small.a10  { background-position: -200px -320px }
.user_level.small.a11  { background-position: -200px -360px }
.user_level.small.a12  { background-position: -200px -400px }
.user_level.small.a13  { background-position: -200px -440px }
.user_level.small.a14  { background-position: -200px -480px }
.user_level.small.a15  { background-position: -200px -520px }
.user_level.small.a16  { background-position: -200px -560px }
.user_level.small.a100 { background-position: -200px -600px }

/* =actionNotice
----------------------------------------------- */
#actionNotice {
    text-align: center;
    opacity: 0.9;
    color: #505050;
    background-color: #fffcdb;
    border: 1px solid #dfd99c;
}

    #actionNotice .close {
        background: url(../../../../images/sprite_icons.png) no-repeat -248px -770px;
    }

/* =Loading
* ----------------------------------------------- */
#sidebar ul .selected .loading, #content .loading, .loading {
    background-color: #f4f4f5;
    border: 0;
    opacity: 0.9;
}

#sidebar ul .selected .loading_txt, #content .loading_txt, .loading_txt {
    text-align: center;
    background: url(../../../../images/loader.gif) top center no-repeat;
    color: #000;
}

/* =Ajax error
* ----------------------------------------------- */
#sidebar ul .selected .aerror, #content .aerror, .aerror {
    background-color: #fff;
    border: 0;
    opacity: 1;
}

    #sidebar ul .selected .aerror > span, #content .aerror > span, .aerror > span {
        background: url(../../../../images/notice_bg.png) no-repeat -60px 0;
    }

    #sidebar ul .selected .aerror > div, #content .aerror > div, .aerror > div {
        text-align: center;
        background-color: #FFF9CD;
        border: 1px solid #DAC000;
    }

        .aerror > div strong {
            font-size: 18px;
            font-weight: bold;
            color: #000;
        }