HTML, BODY {
    padding: 0;
    margin: 0;
    background: #089898;
    text-align: center;
}

BODY {
    overflow-y: scroll;
}

* HTML {
    overflow-y: scroll;
}

* HTML BODY {
    overflow-y: hidden;
}

*:first-child + HTML {
    overflow-y: scroll;
}

*:first-child + HTML BODY {
    overflow-y: hidden;
}

::selection {
    background: #13a3a4;
    color: #e1f0ba;
}

::-moz-selection {
    background: #13a3a4;
    color: #e1f0ba;
}

H1, H2, H3, H4, H5, H6 {
    color: #13a3a4;
    margin: 15px 0 0 0;
}

H1 {
    font-size: 18px;
}

H2 {
    font-size: 14px;
}

UL {
    padding: 0;
    margin: 0;
    list-style: none;
}

.gray1 {
    color: #aaa;
}

.content {
    line-height: 18px;
}

    .content TABLE {
        width: 100%;
        margin: 15px 0 0 0;
    }

        .content TABLE TH {
            line-height: 14px;
        }

        .content TABLE TD {
            line-height: 14px;
        }

    .content UL {
        padding: 0;
        margin: 15px 0 0 0;
    }

        .content UL UL {
            padding: 10px 0 10px 20px;
            margin: 0;
        }

        .content UL LI {
            background: url(dot02.gif) 0 5px no-repeat;
            padding: 0 0 0 15px;
        }

.col {
    float: left;
    min-height: 1px;
}

* HTML .col {
    height: 1px;
}

.col01 {
    width: 588px;
    margin: 0 3px 0 0;
}

    .col01 DIV.block {
        padding: 0 15px 0 0;
    }

.col02 {
    width: 315px;
}

    .col02 DIV.block {
        padding: 0 0 0 15px;
    }

.col03 {
    width: 456px;
    margin: 0 15px 0 0;
}

.col04 {
    width: 102px;
}

    .col04 P.img {
        float: left;
        border: 3px solid #f5f5f5;
    }

#dude {
    background: url(dude.gif) -1000px -1000px no-repeat;
}

#box01 {
    background: url(bg01.gif) 50% 0;
}

#box02 {
    background: url(bg03.gif) repeat-x;
}

#box03 {
    background: url(bg02.jpg) 50% 0 no-repeat;
}

#box04 {
    width: 952px;
    margin: 0 auto;
    text-align: left;
    position: relative;
}

#box05 {
    background: url(bg06.gif) repeat-y;
    padding: 0 0 15px 23px;
}

#box06 {
    background: url(bg09.gif) 588px 3px repeat-y;
}

#box07 {
    background: url(bg10.gif) 580px 0 no-repeat;
}

#header01 {
    height: 117px;
    overflow: hidden;
    background: url(dude2.gif) 185px 0 no-repeat;
}

    #header01 #logo {
        float: left;
        margin: 0;
        padding: 32px 0 0 0;
    }

        #header01 #logo A {
            background: url(logo_spinxo.png) no-repeat;
            float: left;
            position: relative;
            cursor: pointer;
        }

            #header01 #logo A IMG {
                visibility: hidden;
                cursor: pointer;
            }

        * HTML #header01 #logo A {
            background: none;
            filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./img/logo_spinxo.png', sizingMethod='image');
            cursor: pointer;
        }

#headerbuttons {
    float: right;
    padding: 44px 5px 0 0;
}

    #headerbuttons * {
        float: left;
    }

    #headerbuttons LI {
        padding: 0 0 0 10px;
        height: 32px;
        overflow: hidden;
    }

        #headerbuttons LI.btn1,
        #headerbuttons LI.btn1 A {
            width: 106px;
        }

            #headerbuttons LI.btn1 A {
                background: url(en/btn_signin.png) no-repeat;
            }

            * HTML #headerbuttons LI.btn1 A {
                background: none;
                filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./img/en/btn_signin.png', sizingMethod='image');
                cursor: pointer;
            }

        #headerbuttons LI.btn2,
        #headerbuttons LI.btn2 A {
            width: 162px;
        }

            #headerbuttons LI.btn2 A {
                background: url(en/btn_joincommunity.png) no-repeat;
            }

            * HTML #headerbuttons LI.btn2 A {
                background: none;
                filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./img/en/btn_joincommunity.png', sizingMethod='image');
                cursor: pointer;
            }

        #headerbuttons LI A {
            height: 100px;
        }

            #headerbuttons LI A:hover {
                margin: -40px 0 0 0;
            }

            #headerbuttons LI A SPAN {
                display: none;
            }

#userinfo01 {
    float: right;
    padding: 25px 0 0 0;
}

    #userinfo01 DIV.a {
        float: left;
        background: #fff url(bg20.gif) no-repeat;
        min-width: 200px;
    }

    #userinfo01 DIV.b {
        float: left;
        padding: 10px;
        margin-bottom: 10px;
        
        min-width: 200px;
        background: url(bg20.gif) 100% 0 no-repeat;
    }

    #userinfo01 DIV.img {
        float: left;
        width: 50px;
        height: 50px;
        margin: 0 10px 0 0;
    }

        #userinfo01 DIV.img A {
            display: block;
            width: 65px;
            height: 65px;
            border-radius: 50%;
            overflow: hidden;
            border: 3px solid #ff9900; 
            box-sizing: border-box;
        }

            #userinfo01 DIV.img A SPAN {
                display: block;
                width: 40px;
                height: 40px;
                background: url(bg19.png);
            }

            * HTML #userinfo01 DIV.img A SPAN {
                background: none;
                filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./img/bg19.png', sizingMethod='image');
                cursor: pointer;
            }

       

         

    #userinfo01 DIV.txt {
        float: left;
    }

        #userinfo01 DIV.txt DIV.name {
            margin-left: 10px;
            margin-right: 10px;
            float: left;
            clear: both;
            color: #e1f0ba;
            font-size: 18px;
            line-height: 18px;
            font-weight: bold;
            letter-spacing: -1px;
            white-space: nowrap;
            background: #13a3a4 url(bg12.gif) no-repeat;
        }

            #userinfo01 DIV.txt DIV.name SPAN {
                float: left;
                padding: 4px 10px;
                background: url(bg12.gif) 100% -30px no-repeat;
                line-height: 18px;
            }

        #userinfo01 DIV.txt UL.notations01 {
            margin-left: 10px;
            float: left;
            clear: both;
            margin: 0 !important;
            padding: 7px 0 0 0 !important;
            font-weight: bold;
        }

        #userinfo01  UL.actions02 {
            margin-left: 50px !important;
            padding-left: 10px;
            margin: 0 !important;
            margin-top: 20px;
            padding: 10px 0 0px 0 !important;
            clear: both;
        }

        .actionButtons  {
            
            margin-left:10px !important;
            
            clear: both;
        }

#footer01 {
    background: url(bg04.gif) repeat-x;
    min-height: 145px;
    color: #fff;
}

* HTML #footer01 {
    height: 145px;
}

#footer02 {
    width: 952px;
    margin: 0 auto;
    text-align: left;
    padding: 0 0 15px 0;
}

#footer03 {
    background: url(bg08.gif) no-repeat;
    height: 38px;
    overflow: hidden;
    text-align: centeR;
}

    #footer03 P {
        margin: 0;
        padding: 9px 0 0 0;
        color: #fff;
    }

        #footer03 P A {
            color: #fff;
        }

        #footer03 P SPAN {
            color: #0facab;
            margin: 0 5px;
        }

#footer04 {
    margin: 15px 0 0 0;
    padding: 0 125px;
    background: url(bg14.gif) 50% 0 repeat-y;
    line-height: 16px;
}

    #footer04 DIV.a {
        width: 335px;
        margin-right: 32px;
    }

    #footer04 DIV.b {
        width: 335px;
    }

    #footer04 DL {
        padding: 0;
        margin: 0;
    }

        #footer04 DL DT {
            font-weight: bold;
            color: #0d656b;
            padding: 0 0 3px 0;
        }

        #footer04 DL DD {
            padding: 0;
            margin: 0;
        }

    #footer04 DIV.b DD {
        float: left;
        width: 49%;
    }

    #footer04 A {
        color: #fff;
    }

#menu1 {
    background: url(bg05.gif) no-repeat;
    height: 44px;
    overflow: hidden;
    font-weight: bold;
    font-size: 16px;
    line-height: 18px;
    letter-spacing: -1px;
    padding: 0 0 0 8px;
}

    #menu1 * {
        float: left;
    }

    #menu1 LI {
        padding: 8px 3px 0 0;
    }

    #menu1 A {
        background: url(bg07.gif) no-repeat;
        color: #fff;
    }

        #menu1 A SPAN {
            background: url(bg07.gif) 100% 0 no-repeat;
            padding: 8px 15px 7px 15px;
        }

        #menu1 A:hover {
            background-position: 0 -40px;
            color: #e1f0ba;
            text-decoration: none;
        }

            #menu1 A:hover SPAN {
                background-position: 100% -40px;
            }

        #menu1 A.active {
            background-position: 0 -80px;
            color: #16777e !important;
        }

            #menu1 A.active SPAN {
                background-position: 100% -80px;
                padding-bottom: 11px;
            }

#menu2 {
    background: url(bg06.gif) no-repeat;
    font-weight: bold;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: -1px;
    padding: 0 8px;
}

    #menu2 UL {
        background: #fff url(bg21.gif) 0 100% repeat-x;
        padding: 9px 0 9px 15px;
        margin: 0;
    }

        #menu2 UL * {
            float: left;
        }

        #menu2 UL LI {
            margin: 0 20px 0 0;
        }

    #menu2 A {
        color: #16777e;
    }

        #menu2 A:hover {
            text-decoration: none;
            color: #13a3a4;
        }

        #menu2 A.active {
            text-decoration: underline;
        }

        #menu2 A SPAN.red {
            float: none;
            font-weight: normal;
        }

#sites01 {
    background: #595959;
    border-bottom: 3px solid #fff;
    padding: 8px 10px;
    color: #757575;
    font-size: 9px;
}

    #sites01 P {
        margin: 0;
    }

    #sites01 DIV.a {
        width: 942px;
        margin: auto;
        text-align: left;
    }

    #sites01 A {
        color: #9c9c9c;
    }

        #sites01 A:hover {
            color: #ddd;
            text-decoration: none;
        }

        #sites01 A.active {
            color: #fff;
        }

    #sites01 SPAN {
        margin: 0 5px;
    }

H1.type01, H2.type01 {
    color: #e1f0ba;
    font-size: 18px;
    line-height: 18px;
    font-weight: bold;
    letter-spacing: -1px;
    white-space: nowrap;
    height: 26px;
    overflow: hidden;
}

    H1.type01 SPAN, H2.type01 SPAN {
        float: left;
        background: #13a3a4 url(bg12.gif) no-repeat;
    }

        H1.type01 SPAN SPAN, H2.type01 SPAN SPAN {
            padding: 2px 10px 3px 10px;
            background: url(bg12.gif) 100% -30px no-repeat;
        }

UL.type01actions {
    float: right;
    margin: -20px 0 0 0;
    font-weight: bold;
}

    UL.type01actions * {
        float: left;
    }

    UL.type01actions LI {
        padding: 0 0 0 15px;
        margin: 0;
        background: none;
    }

    UL.type01actions A:hover SPAN {
        text-decoration: underline;
    }

.separator01 {
    display: block;
    height: 18px;
    clear: both;
    overflow: hidden;
    background: url(bg11.gif) 0 100% no-repeat;
}

.col02 .separator01 {
    background-position: 3px 100%;
}

UL.list01 {
    margin: 15px 0 0 0;
    padding: 0;
    font-weight: bold;
}

    UL.list01 LI {
        float: left;
        width: 19.5%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        padding: 0;
        margin: 0;
        background: none;
    }

    UL.list01 A {
        background: url(dot04a.gif) 0 3px no-repeat;
        padding: 0 0 0 18px;
        display: block;
        color: #4c5f60;
    }

        UL.list01 A:hover {
            text-decoration: none;
            color: #13a3a4;
        }

        UL.list01 A.active {
            background-image: url(dot04b.gif);
        }

DIV.col02 UL.list01 LI {
    width: 33%;
}

UL.list02 {
    margin: 5px 0 0 0;
}

    UL.list02 LI {
        margin: 10px 0 0 0;
    }

UL.list03 {
    margin: 15px 0 0 0;
    padding: 0;
    font-weight: bold;
}

    UL.list03 LI {
        float: left;
        width: 33%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        padding: 0;
        margin: 0;
        background: none;
    }

    UL.list03 A {
        background: url(dot01.gif) 0 7px no-repeat;
        padding: 0 0 0 10px;
        display: block;
        color: #4c5f60;
    }

        UL.list03 A:hover {
            text-decoration: none;
            color: #13a3a4;
        }

OL.type01 {
    padding: 0 0 0 30px;
    margin: 15px 0 0 0;
    list-style-position: outside;
}

TABLE.form {
}

    TABLE.form TH {
        line-height: normal;
        width: 30%;
        padding: 6px 10px 6px 10px;
        border: solid #fff;
        border-width: 1px 0;
        background: #f5f5f5;
    }

        TABLE.form TH.img {
            padding: 10px 0 10px 10px;
            width: 1%;
        }

    TABLE.form TD {
        line-height: normal;
        width: 70%;
        padding: 3px 10px 3px 0;
        border: solid #fff;
        border-width: 1px 0;
        background: #f5f5f5;
    }

        TABLE.form TD.data {
            padding: 6px 10px 6px 0;
            font-weight: normal;
        }

        TABLE.form TD.pad10 {
            padding: 10px;
        }

    TABLE.form .max {
        width: 310px;
        float: left;
        margin-right: 10px;
    }

    TABLE.form .default {
        width: 210px;
        float: left;
        margin-right: 10px;
    }

    TABLE.form .min {
        width: 60px;
        float: left;
        margin-right: 10px;
    }

    TABLE.form INPUT.max,
    TABLE.form TEXTAREA.max {
        width: 354px;
    }

    TABLE.form INPUT.default,
    TABLE.form TEXTAREA.default {
        width: 204px;
    }

    TABLE.form INPUT.min,
    TABLE.form TEXTAREA.min {
        width: 54px;
    }

    TABLE.form TH.subheading {
        text-align: center;
        color: #5a0600;
        padding: 5px 10px;
        background: #dfdede;
    }

    TABLE.form SPAN.helptext {
        float: left;
        padding: 3px 0 3px 20px;
    }

    TABLE.form SPAN.helptext-error {
        background: url(ico_error.gif) 0 2px no-repeat;
        color: #ff5a00;
    }

    TABLE.form SPAN.helptext-ok {
        background: url(ico_ok.gif) 0 2px no-repeat;
        color: #69ae36;
    }

TABLE.data TH {
    background-color: #efefef;
    border: solid #fff;
    border-width: 1px 0;
    padding: 5px 7px;
}

TABLE.data TD {
    background-color: #f5f5f5;
    border: solid #fff;
    border-width: 1px 0;
    padding: 5px 7px;
}

TABLE.data TR.even TD {
    background-color: #efefef;
}

TABLE.data TD.ico {
    padding-left: 22px;
}

TABLE.data TD.ico-user {
    background-image: url(ico_user.gif);
    background-position: 6px 6px;
    background-repeat: no-repeat;
}

TABLE.data TD.ico-friend {
    background-image: url(ico_friend.gif);
    background-position: 6px 6px;
    background-repeat: no-repeat;
}

P.msg-error {
    color: #fff;
    padding: 8px 12px;
    background: #ff5a00;
    line-height: normal;
    text-align: center;
    margin: 15px 0 0 0;
}

    P.msg-error A {
        color: #fff;
    }

P.msg-ok {
    color: #fff;
    padding: 8px 12px;
    background: #2b7e11;
    line-height: normal;
    text-align: center;
}

    P.msg-ok A {
        color: #fff;
    }

P.msg-info {
    padding: 8px 12px;
    background: #faf5e4;
    line-height: normal;
    text-align: center;
    margin: 15px 0 0 0;
}

    P.msg-info A {
    }

UL.tabs {
    border-bottom: 2px solid #d3ddbb;
    padding: 0;
    margin: 1em 0 0 0;
}

    UL.tabs * {
        float: left;
    }

    UL.tabs LI {
        padding: 0 2px 0 0;
        background: none;
        margin: 0;
    }

    UL.tabs A {
        background: #eaeaea;
        color: #000;
        padding: 1px 10px 2px 10px;
        text-decoration: none;
    }

        UL.tabs A:hover {
            background: #d3ddbb;
        }

        UL.tabs A.active {
            background: #d3ddbb;
            color: #000;
        }

UL.namerequests01 {
    margin: 0;
    padding: 0;
}

    UL.namerequests01 LI.item {
        float: left;
        clear: both;
        width: 100%;
        margin: 15px 0 0 0;
        padding: 0;
        background: none;
    }

    UL.namerequests01 LI.separated {
        padding-top: 15px;
        border-top: 1px solid #eee;
    }

    UL.namerequests01 DIV.img {
        float: left;
        width: 102px;
        margin: 0 15px 0 0;
    }

        UL.namerequests01 DIV.img SPAN,
        UL.namerequests01 DIV.img A {
            float: left;
            border: 3px solid #f5f5f5;
        }

            UL.namerequests01 DIV.img A:hover {
                border-color: #ccc;
            }

    UL.namerequests01 DIV.txt {
        float: left;
        width: 456px;
        overflow: hidden;
    }

    UL.namerequests01 P.intro {
        margin: 0;
    }

        UL.namerequests01 P.intro A {
            display: block;
            color: #4c5f60;
            background: #fff;
        }

            UL.namerequests01 P.intro A:hover {
                color: #13a3a4;
                text-decoration: none;
            }

        UL.namerequests01 P.intro SPAN {
            display: block;
        }

            UL.namerequests01 P.intro SPAN.from {
                font-size: 14px;
                font-weight: bold;
            }

            UL.namerequests01 P.intro SPAN.text {
                line-height: 16px;
                font-style: italic;
                margin: 3px 0 0 0;
            }

    UL.namerequests01 P.fixheight {
        height: 70px;
        overflow: hidden;
    }

    UL.namerequests01 TEXTAREA {
        border: 3px solid;
        border-color: #e5e5e5 #f5f5f5 #f5f5f5 #e5e5e5;
        padding: 5px;
        width: 440px;
        height: 86px;
        background: #fff;
    }

TABLE.smalldetails TH {
    background: #f5f5f5;
    border: solid #fff;
    border-width: 1px 0;
    padding: 3px 10px;
    color: #aaa;
    width: 30%;
    font-weight: normal;
}

TABLE.smalldetails TD {
    background: #f5f5f5;
    border: solid #fff;
    border-width: 1px 0;
    padding: 3px 10px 3px 0;
    width: 70%;
}

UL.quotes01 {
    margin: 15px 0 0 0;
    padding: 0;
    border-bottom: 1px solid #eee;
}

    UL.quotes01 LI.item {
        float: left;
        clear: both;
        width: 100%;
        margin: 0;
        padding: 7px 0 10px 0;
        background: none;
        border-top: 1px solid #eee;
    }

    UL.quotes01 LI.hover {
        background-color: #faf5e4;
    }

    UL.quotes01 DIV.a {
        padding-left: 35px;
        background: url(dot03.gif) 10px 3px no-repeat;
    }

    UL.quotes01 DIV.txt1 {
        width: 353px;
        float: left;
        margin: 0 15px 0 0;
        padding: 3px 0 0 0;
    }

    UL.quotes01 DIV.txt2 {
        width: 160px;
        float: left;
    }

    UL.quotes01 P.quote {
        color: #aaa;
    }

        UL.quotes01 P.quote A {
            color: #4c5f60;
            font-size: 14px;
            font-weight: bold;
            display: block;
        }

            UL.quotes01 P.quote A:hover {
                color: #13a3a4;
                text-decoration: none;
            }

            UL.quotes01 P.quote A SPAN.author {
                color: #aaa;
                font-size: 11px;
                font-weight: normal;
            }

UL.actions01 {
    margin: 15px 0 0 0;
    padding: 0 !important;
    line-height: 16px;
    font-weight: bold;
    font-size: 14px;
    letter-spacing: -1px;
}

    UL.actions01 * {
        float: left;
    }

    UL.actions01 LI {
        margin: 0 3px 0 0;
        padding: 0;
        background: none;
    }

    UL.actions01 A {
        background: url(bg17.gif) no-repeat;
        color: #13a3a4;
    }

        UL.actions01 A SPAN {
            background: url(bg17.gif) 100% 0 no-repeat;
            padding: 6px 15px 7px 15px;
        }

        UL.actions01 A:hover {
            text-decoration: none;
            background-position: 0 -40px;
        }

            UL.actions01 A:hover SPAN {
                background-position: 100% -40px;
            }

    UL.actions01 SPAN.btn {
        background: url(bg17.gif) no-repeat;
    }

        UL.actions01 SPAN.btn SPAN {
            background: url(bg17.gif) 100% 0 no-repeat;
        }

        UL.actions01 SPAN.btn INPUT {
            background: transparent;
            padding: 0 15px;
            font-size: 14px;
            font-weight: bold;
            letter-spacing: -1px;
            height: 29px;
            overflow: visible;
            border: none;
            color: #13a3a4;
            cursor: pointer;
        }

    UL.actions01 A.gray,
    UL.actions01 SPAN.gray INPUT {
        color: #777;
        font-weight: normal;
    }

    UL.actions01 SPAN.main {
        background-position: 0 -80px;
    }

        UL.actions01 SPAN.main SPAN {
            background-position: 100% -80px;
        }

        UL.actions01 SPAN.main INPUT {
            color: #fff;
        }

UL.actions02 {
    margin: 15px 0 0 0;
    padding: 0 !important;
    line-height: 14px;
}

    UL.actions02 * {
        float: left;
    }

    UL.actions02 LI {
        margin: 0 3px 0 0;
        padding: 0;
        background: none;
    }

    UL.actions02 A {
        background: url(bg13.gif) 100% 0 no-repeat;
        color: #4c5f60;
    }

        UL.actions02 A SPAN {
            background: url(bg13.gif) no-repeat;
            padding: 4px 10px;
        }

        UL.actions02 A.hasico SPAN {
            padding-left: 23px;
        }

        UL.actions02 A.isico SPAN {
            width: 22px;
            height: 22px;
            padding: 0;
            overflow: hidden;
        }

        UL.actions02 A:hover {
            text-decoration: none;
            background-position: 100% -30px;
            color: #16777e;
        }

            UL.actions02 A:hover SPAN {
                background-position: 0 -30px;
            }

        UL.actions02 A.active {
            background-position: 100% -60px;
            color: #16777e;
        }

            UL.actions02 A.active SPAN {
                background-position: 0 -60px;
            }

        UL.actions02 A.interesting SPAN {
            background-position: 0 -90px;
        }

        UL.actions02 A.interesting-active SPAN {
            background-position: -400px -90px;
        }

        UL.actions02 A.interesting:hover SPAN {
            background-position: -200px -90px;
        }

        UL.actions02 A.cool SPAN {
            background-position: 0 -120px;
        }

        UL.actions02 A.cool-active SPAN {
            background-position: -400px -120px;
        }

        UL.actions02 A.cool:hover SPAN {
            background-position: -200px -120px;
        }

        UL.actions02 A.funny SPAN {
            background-position: 0 -150px;
        }

        UL.actions02 A.funny-active SPAN {
            background-position: -400px -150px;
        }

        UL.actions02 A.funny:hover SPAN {
            background-position: -200px -150px;
        }

        UL.actions02 A.like SPAN {
            background-position: 0 -180px;
        }

        UL.actions02 A.like-active SPAN {
            background-position: -400px -180px;
        }

        UL.actions02 A.like:hover SPAN {
            background-position: -200px -180px;
        }

        UL.actions02 A.favorite SPAN {
            background-position: 0 -210px;
        }

        UL.actions02 A.favorite-active SPAN {
            background-position: -400px -210px;
        }

        UL.actions02 A.favorite:hover SPAN {
            background-position: -200px -210px;
        }

        UL.actions02 A.comment SPAN {
            background-position: 0 -240px;
        }

        UL.actions02 A.comment-active SPAN {
            background-position: -400px -240px;
        }

        UL.actions02 A.comment:hover SPAN {
            background-position: -200px -240px;
        }

    UL.actions02 I {
        float: none;
        font-style: normal;
    }

UL.actions03 {
    float: right;
    padding-left: 7px;
}

    UL.actions03 LI {
        margin: 0;
        padding: 3px 0 0 3px;
    }

UL.actions04 {
    float: right;
    padding-left: 7px;
    margin: -24px 0 0 0;
}

    UL.actions04 LI {
        margin: 0;
        padding: 0 0 0 3px;
    }

DIV.randomavatars {
    width: 573px;
    overflow: hidden;
    line-height: 16px;
}

    DIV.randomavatars UL.a {
        width: 105%;
        margin: 0;
    }

    DIV.randomavatars UL.compact {
        padding: 0 0 0 10px;
        margin: 10px 0 0 0;
        line-height: 14px;
    }

        DIV.randomavatars UL.compact LI {
            background-position: 0 3px;
        }

    DIV.randomavatars UL.notations01 LI {
        margin: 0 10px 0 0;
    }

    DIV.randomavatars LI.item {
        float: left;
        margin: 15px 15px 0 0;
        width: 279px;
        padding: 0;
        background: none;
    }

        DIV.randomavatars LI.item A.img {
            border: 3px solid #f5f5f5;
        }

            DIV.randomavatars LI.item A.img:hover {
                border-color: #ccc;
            }

    DIV.randomavatars DIV.img {
        float: left;
        width: 102px;
        margin: 0 10px 0 0;
    }

        DIV.randomavatars DIV.img * {
            float: left;
        }

    DIV.randomavatars DIV.txt {
        float: left;
        width: 167px;
    }

    DIV.randomavatars P.name {
        font-weight: bold;
        font-size: 14px;
        margin: 0;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        width: 100%;
    }

    DIV.randomavatars P.tags {
        margin: 0;
        text-overflow: ellipsis;
        overflow: hidden;
        width: 100%;
        color: #aaa;
        height: 32px;
        line-height: 14px;
    }

        DIV.randomavatars P.tags A {
            color: #aaa;
        }

    DIV.randomavatars P.username {
        font-size: 14px;
        letter-spacing: -1px;
        width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
    }

UL.topcontributors {
    margin: 0;
}

    UL.topcontributors LI {
        float: left;
        width: 50%;
        margin: 15px 0 0 0;
        background: none;
        padding: 0;
    }

    UL.topcontributors DIV.a {
        padding: 0 0 0 20px;
    }

    UL.topcontributors DIV.liked {
        background: url(ico_like2.gif) 0 1px no-repeat;
    }

    UL.topcontributors DIV.funny {
        background: url(ico_funny2.gif) 0 1px no-repeat;
    }

    UL.topcontributors DIV.coolest {
        background: url(ico_cool2.gif) 0 1px no-repeat;
    }

    UL.topcontributors DIV.interesting {
        background: url(ico_interesting2.gif) 0 1px no-repeat;
    }

DIV.form01 {
    background: #faf5e4;
    margin: 15px 0 0 0;
    padding: 10px 15px 15px 15px;
    color: #595959;
    line-height: 14px;
}

    DIV.form01 DIV.a {
        float: left;
        width: 470px;
    }

    DIV.form01 P.input {
        float: left;
        margin: 5px 5px 0 0;
        width: 150px;
    }

        DIV.form01 P.input * {
            float: left;
        }

        DIV.form01 P.input LABEL {
            display: block;
            padding: 0 0 2px 0;
        }

        DIV.form01 P.input SPAN.input {
            clear: both;
            background: url(bg15.gif) no-repeat;
        }

            DIV.form01 P.input SPAN.input SPAN {
                background: url(bg15.gif) 100% 0 no-repeat;
                width: 150px;
                height: 22px;
                overflow: hidden;
                position: relative;
            }

            DIV.form01 P.input SPAN.input INPUT {
                width: 140px;
                padding: 4px 5px;
                background: url(blank.gif);
                border: none;
            }

        DIV.form01 P.input SPAN.focus {
            background-position: 0 -30px;
        }

            DIV.form01 P.input SPAN.focus SPAN {
                background-position: 100% -30px;
            }

            DIV.form01 P.input SPAN.focus INPUT {
                color: #13a3a4;
            }

    DIV.form01 P.check {
        float: left;
        margin: 10px 15px 0 0;
        white-space: nowrap;
    }

        DIV.form01 P.check LABEL {
            float: left;
            cursor: pointer;
            background: url(bg16.gif) 0 1px no-repeat;
            padding: 0 0 0 18px;
        }

            DIV.form01 P.check LABEL.checked {
                background-position: 0 -99px;
            }

        DIV.form01 P.check INPUT {
            position: absolute;
            left: -1000px;
            top: -1000px;
        }

    DIV.form01 A.spin {
        float: left;
        width: 63px;
        height: 64px;
        background: url(en/btn_spin.gif) no-repeat;
        margin: 21px 0 0 0;
    }

        DIV.form01 A.spin SPAN {
            display: none;
        }

        DIV.form01 A.spin:hover {
            background-position: -70px 0;
        }

    DIV.form01 UL.actions02inline {
        margin: 5px 0 0 0;
        padding: 0 !important;
    }

    DIV.form01 UL.actions02inlinewithlabel {
        margin: 21px 0 0 0;
        padding: 0 !important;
    }


/* * * * * /Exact Thickbox * * * * */

DIV.loading01 {
    position: absolute;
    width: 100%;
    height: 100%;
    background: url(bg18.png);
    top: 0;
    left: 0;
}

DIV.loading02 {
    position: absolute;
    width: 100%;
    height: 100%;
    background: url(loading01.gif) 50% 50% no-repeat;
    top: 0;
    left: 0;
}

DIV.loginbox01 {
    padding: 0 15px 15px 15px;
}

    DIV.loginbox01 DIV.form01 P.input LABEL {
        padding: 0 0 5px 0;
    }

    DIV.loginbox01 DIV.form01 SPAN.input SPAN {
        width: 220px;
    }

    DIV.loginbox01 DIV.form01 SPAN.input INPUT {
        width: 210px;
    }

UL.notations01 {
    padding: 0 !important;
    margin: 5px 0 0 0 !important;
}

    UL.notations01 LI {
        float: left;
        margin: 0 15px 0 0;
        padding: 0;
        background: none;
    }

        UL.notations01 LI A {
            float: left;
            padding: 0 0 0 18px;
        }

        UL.notations01 LI SPAN {
            float: left;
            padding: 0 0 0 18px;
        }

    UL.notations01 .interesting {
        background: url(ico_interesting.gif) 0 50% no-repeat;
    }

    UL.notations01 .cool {
        background: url(ico_cool.gif) 0 50% no-repeat;
    }

    UL.notations01 .funny {
        background: url(ico_funny.gif) 0 50% no-repeat;
    }

    UL.notations01 .liked {
        background: url(ico_like.gif) 0 50% no-repeat;
    }

    UL.notations01 .comments {
        background: url(ico_comments.gif) 0 50% no-repeat;
    }

UL.notations02 {
    padding: 3px 0 3px 8px !important;
    background: #faf5e4;
}

UL.friendlist01 {
    padding: 0;
    margin: 5px 0 0 0;
    line-height: 14px;
}

    UL.friendlist01 LI.item {
        float: left;
        margin: 10px 0 0 0;
        padding: 0;
        background: none;
    }

    UL.friendlist01 DIV.img {
        float: left;
        width: 102px;
        height: 102px;
        margin: 0 10px 0 0;
    }

        UL.friendlist01 DIV.img A {
            float: left;
            border: 3px solid #f5f5f5;
        }

            UL.friendlist01 DIV.img A:hover {
                border-color: #ccc;
            }

    UL.friendlist01 DIV.txt {
        float: left;
        width: 188px;
    }

    UL.friendlist01 P.username {
        font-size: 14px;
        letter-spacing: -1px;
    }

    UL.friendlist01 UL {
        padding: 0 0 0 10px;
        margin: 10px 0 0 0 !important;
       
    }

        UL.friendlist01 UL LI {
            background-position: 0 3px;
            background-image: none !important;
           
        }

UL.paging {
    line-height: 14px;
    padding: 10px 0 0 0;
    margin: 15px 0 0 0;
    border-top: 1px solid #eee;
}

    UL.paging * {
        float: left;
    }

    UL.paging LI {
        margin: 0 3px 0 0;
        padding: 0;
        background: none;
    }

        UL.paging LI.label {
            background: url(bg13.gif) 100% -270px no-repeat;
            color: #888;
        }

            UL.paging LI.label SPAN {
                background: url(bg13.gif) 0 -270px no-repeat;
                padding: 4px 8px;
            }

    UL.paging A {
        background: url(bg13.gif) 100% 0 no-repeat;
        color: #16777e;
    }

        UL.paging A SPAN {
            background: url(bg13.gif) no-repeat;
            padding: 4px 8px;
        }

        UL.paging A:hover {
            text-decoration: none;
            background-position: 100% -30px;
        }

            UL.paging A:hover SPAN {
                background-position: 0 -30px;
            }

        UL.paging A.active {
            background-position: 100% -60px;
        }

            UL.paging A.active SPAN {
                background-position: 0 -60px;
            }

#tooltip {
    position: absolute;
    left: -1000px;
    top: -1000px;
    width: 240px;
    text-align: left;
    line-height: 14px;
    z-index: 999;
}

#tooltip-start {
    height: 10px;
    position: relative;
}

#tooltip-inner {
    background: #fff;
    padding: 3px 10px;
    border: solid #13a3a4;
    border-width: 0 3px;
}

#tooltip-ending {
    height: 25px;
    width: 100%;
    clear: both;
    margin: 0 !important;
}

#tooltip-start SPAN.a {
    width: 10px;
    height: 10px;
    position: absolute;
    left: 0;
    top: 0;
    overflow: hidden;
    background: url(tooltip01.png) no-repeat;
}

#tooltip-start SPAN.b {
    margin: 0 10px;
    height: 10px;
    background: url(tooltip00.gif) repeat-x;
    overflow: hidden;
    display: block;
}

#tooltip-start SPAN.c {
    width: 10px;
    height: 19px;
    position: absolute;
    right: 0;
    top: 0;
    overflow: hidden;
    background: url(tooltip02.png) no-repeat;
}

#tooltip-start SPAN.d {
    display: none;
}

#tooltip-ending SPAN.a {
    width: 10px;
    height: 10px;
    position: absolute;
    left: 0;
    overflow: hidden;
    background: url(tooltip03.png) no-repeat;
}

#tooltip-ending SPAN.b {
    margin: 0 10px;
    height: 10px;
    background: url(tooltip00.gif) 0 -40px repeat-x;
    overflow: hidden;
    display: block;
}

* HTML #tooltip-ending SPAN.b {
    margin: 0 3px 0 10px;
}

#tooltip-ending SPAN.c {
    width: 10px;
    height: 10px;
    position: absolute;
    right: 0;
    overflow: hidden;
    background: url(tooltip04.png) no-repeat;
}

#tooltip-ending SPAN.d {
    width: 40px;
    height: 18px;
    position: absolute;
    left: 0;
    overflow: hidden;
    background: url(tooltip05.png) no-repeat;
    margin: -3px 0 0 0;
}

* HTML #tooltip-start SPAN.a {
    background: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/tooltip01.png', sizingMethod='crop');
}

* HTML #tooltip-start SPAN.c {
    background: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/tooltip02.png', sizingMethod='crop');
}

* HTML #tooltip-ending SPAN.a {
    background: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/tooltip03.png', sizingMethod='crop');
}

* HTML #tooltip-ending SPAN.c {
    background: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/tooltip04.png', sizingMethod='crop');
}

* HTML #tooltip-ending SPAN.d {
    background: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/tooltip05.png', sizingMethod='crop');
}

DIV.tooltip-icon {
    margin-left: -17px !important;
    margin-top: -3px !important;
}

    DIV.tooltip-icon #tooltip-inner {
        white-space: nowrap;
        float: left;
    }

UL.sortbar {
    margin: 15px 0 0 0;
    padding: 5px 0;
    line-height: 14px;
    background: #f5f5f5;
}

    UL.sortbar LI {
        float: left;
        margin: 0;
        padding: 0;
        background: none;
        border-left: 1px solid #fff;
        border-right: 1px solid #e5e5e5;
    }

        UL.sortbar LI.text {
            border-left: none;
            padding: 1px 8px;
        }

        UL.sortbar LI A {
            display: block;
            padding: 1px 8px;
        }

            UL.sortbar LI A:hover {
                background: #13a3a4;
                text-decoration: none;
                color: #e1f0ba;
            }

            UL.sortbar LI A.active {
                text-decoration: underline;
            }

UL.progress {
    float: right;
    margin: -26px 0 0 0;
    padding: 0;
    font-weight: bold;
}

    UL.progress * {
        float: left;
    }

    UL.progress LI {
        margin: 0;
        padding: 0 0 0 10px;
        background: url(bg22.gif) 10px -40px no-repeat;
        color: #16777e;
    }

        UL.progress LI.active {
            background-position: 10px 0;
            color: #fc7f15;
        }

    UL.progress SPAN.no {
        width: 26px;
        height: 26px;
        overflow: hidden;
        margin: 0 5px 0 0;
        font-size: 14px;
        text-align: center;
        color: #fff;
    }

        UL.progress SPAN.no SPAN {
            padding: 4px 0 0 0;
            width: 26px;
        }

    UL.progress SPAN.label {
        padding: 4px 0 0 0;
    }

DIV.separated01 {
    padding: 0 15px 15px 15px;
    margin: 15px 0 0 0;
    border: 2px solid #f5f5f5;
}

    DIV.separated01 INPUT.default {
        width: 300px;
    }

    DIV.separated01 INPUT.max {
        width: 500px;
    }

    DIV.separated01 TEXTAREA.max {
        width: 500px;
    }

    DIV.separated01 P {
        margin: 15px 0 0 0;
    }

/* JCrop */


.ad01 {
    margin: 15px 0 0 0;
}

    .ad01 > DIV {
        margin: auto;
    }