/* disable menu decoration */
.hidden {
    display: none;
}

.big-icon {
    width: 40px;
    height: 40px;
    position: absolute;
}

article.content-article {
    margin-top: 10px;
}

    .content-article header {
        padding: 10px;
        padding-top: 0px;
    }

    .content-article .top {
        width: 750px;
        height: 50px;
        border-bottom: 1px solid #c3c3c3;
    }

    .content-article .top.no-border {
        border: none;
    }

    .content-article header span.title-head {
        float: left;
    }

    .content-article header span.title-head:after {
        clear: both;
        content: "";
    }

    .content-article header h1 {
        margin: 0;
        padding: 0;
        color: #1382d1;
        margin-left: 50px;
        font-size: 130%;
        font-weight: bold;
        display: block;
        float: left;
        height: 25px;
    }

    .content-article header .info {
        clear: both;
        margin-left: 50px;
        display: block;
        color: #6d6d6d;
        font-size: 90%;
    }

    .content-article header .rating {
        display: block;
        float: left;
        height: 30px;
        width: 165px;
        margin-top: 5px;
        margin-left: 30px;
    }

    .content-article header .vipad {
        display: block;
        width: 200px;
        height: 200px;
        overflow: hidden;
    }
    .content-article header .vipad a {
        display: block;
        width: 200px;
        height: 200px;
        background-image: url('../images/vip_small.png');
    }

    .content-article header .description {
        width: 730px;
        color: #646464;
        padding: 10px;
    }

    .content-article section {
        background: url('../images/layout/article_main_background.png');
        background-repeat: repeat-x;
        background-color: white;
        padding-top: 22px;
    }

    section div.article-holder {
        background-color: white;
        padding: 10px;
        padding-top: 0px;
        overflow: hidden;
    }

    article.simple div.article-holder {
        padding: 0px;
        margin: 0px;
    }

    section div.article-holder.left {
        width: 620px;
        float: left;
        border-right: 5px solid #f6f6f6;
        margin-top: 5px;
        margin-bottom: 5px;
        min-height: 200px;
    }

    article.blog div.article-holder {
        padding: 10px;
    }

    .content-file footer:after,
    .content-server footer:after,
    .content-article footer:after {
        content: "";
        clear: both;
        display: block;
    }

    .content-file footer,
    .content-server footer,
    .content-article footer {
        background-color: white;
        padding: 10px;
    }

    .content-file footer a,
    .content-server footer a,
    .content-article footer {
        color: #4d4d4d;
    }

article.content-server {
    background-image: url('../images/layout/server_background.png');
    background-repeat: repeat-x;
    background-color: white;
    margin-top: 0px;
    padding-bottom: 5px;
}
    .content-server-shadow {
        background: url('../images/layout/server_shadow.png');
        background-repeat: repeat-x;
        background-color: transparent;
        content: "";
        display: block;
        margin-top: 5px;
        height: 5px;
    }

    article.content-server header {
        margin: 0;
        padding: 0;
        padding-top: 5px;
    }

    article.content-server h1,
    article.content-server h2 {
        display: block;
        margin: 10px;
        margin-top: 5px;
        padding: 0px;
        text-transform: uppercase;
        font-size: 100%;
        background: url('../images/layout/server_heading_background.png');
        background-repeat: repeat-x;
        background-position: center left;
    }

    article.content-vip h1,
    article.content-vip h2 {
        background: url('../images/layout/vip_background.png');
        line-height: 26px;
    }

    article.content-server h1:first-child,
    article.content-server h2:first-child {
        margin: 10px;
    }

    div.discount {
        position: absolute;
        color: #d83434;
        font-weight: bolder;
        margin: 0 15px;
    }

    img.discount {
        margin: 2px 0 0 5px;
    }

    .discount h2 {
        margin-top: 0px !important;
    }

        article.content-server h1 span,
        article.content-server h2 span {
            display: inline-block;
            background-color: #238ad4;
            color: white;
            line-height: 24px;
            padding-left: 10px;
            padding-right: 10px;
            font-size: 95%;
        }

        article.content-vip h1 span,
        article.content-vip h2 span {
            background-color: #c4a100;
            font-weight: normal;
        }

            article.content-vip h1 a,
            article.content-vip h2 a {
                color: #ffffff;
            }

    article.content-server div.to-left {
        padding-left: 20px;
        color: #8b8a8a;
    }

    article.content-server div.overview {
        display: inline-block;
        padding-right: 10px;
        font-size: 90%;
    }

        article.content-server div.overview span {
            font-weight: bold;
        }

        article.content-server div.overview.online span {
            color: #55af2d;
        }

        article.content-server div.players ol {
            color: #238ad4;
            padding-left: 20px;
            line-height: 27px;
        }

            article.content-server div.players ol li {
                line-height: 27px;
                height: 27px;
                border-bottom: 1px solid #f2f2f2;
            }

            article.content-server div.players ol li img {
                display: inline-block;
                vertical-align: middle;
            }

            article.content-server div.players ol li span {
                display: inline-block;
                line-height: 27px;
                color: #8b8a8a;
            }

            article.content-server div.players ol li span.user {
                padding-left: 10px;
                width: 550px;
            }

        article.content-server a.more {
            display: block;
            text-align: center;
            color: #238ad4;
            text-decoration: underline;
        }

            article.content-server a.more:hover {
                color: #898989;
            }

    article.content-server div.to-right a {
        display: block;
        width: 280px;
        height: 67px;
        margin: 0px 15px 5px 0;
        padding: 10px;
        color: white;
        text-transform: uppercase;
        line-height: 26px;
    }

        article.content-server div.to-right a div.title {
            text-decoration: underline;
            font-size: 140%;
            font-weight: bold;
        }

        article.content-server div.to-right a div.desc {
            font-size: 90%;
        }

        article.content-server div.to-right a.nav-1 {background-color: #df3f3f;}
        article.content-server div.to-right a.nav-2 {background-color: #55af2d;}
        article.content-server div.to-right a.nav-3 {background-color: #bd9d09;}
        article.content-server div.to-right a.nav-4 {background-color: #238ad4;}

        article.content-server div.to-right a:hover {background-color: #2e2e2e;}

section.sm-article-holder div.article,
article div.server {
    background-image: url('../images/layout/server_list_background.png');
    height: 28px;
    line-height: 28px;
    margin: 0 10px;
    color: #838383;
    font-size: 95%;
}

    article div.server:hover {
        background-image: none;
        background-color: #2e2e2e;
        color: #d5d5d5;
    }

    section.sm-article-holder div.article img,
    article div.server img {
        vertical-align: middle;
        padding-left: 10px;
        padding-right: 10px;
    }

    section.sm-article-holder div.article div,
    article div.server div {
        display: inline-block;
    }

        article div.server:hover {
            color: white;
        }

        article div.server div.image {width: 31px; }
        article div.server div.ip {width: 185px;}
        article div.server div.name {width: 200px;}
        article div.server div.players {width: 85px; color: #55af2d;}
        article div.server div.map {width: 155px;}

        article div.server div.actions {
            text-align: right;
            width: 280px;
        }

        section.sm-article-holder div.article a,
        article div.server div.actions a {
            display: inline-block;
            color: #1081d0;
            text-align: center;
            padding: 0;
        }

            article div.server div.actions a.vip { width: 40px; color: #bdaa09; font-weight: bold; }
            article div.server div.actions a.stats { width: 68px; }
            article div.server div.actions a.ban { width: 60px; }
            article div.server div.actions a.detail { width: 82px; }

            article div.server:hover div.actions a {color: #57AFF0;}
            article div.server:hover div.actions a.vip {color: #dcc718;}

section.sm-article-holder div.article {
    background-position: left bottom;
    background-repeat: repeat-x;
    font-size: 100%;
    height: 34px;
    line-height: 34px;
}

section.sm-article-holder div.article:hover {
    background-color: #2e2e2e;
    background-image: none;
}

    section.sm-article-holder div.article:hover a { color: white; }

    section.sm-article-holder div.article div.image { width: 30px; }
    section.sm-article-holder div.article a.name { width: 639px; text-align: left;}
    section.sm-article-holder div.article div.rating { width: 105px; }
    section.sm-article-holder div.article span.created { color: #838383; font-size: 92%; }
    section.sm-article-holder div.article a.detail { width: 100px; margin-left: 170px; }

    section.sm-article-holder div.article div.rating {
        position: absolute;
        margin-top: 5px;
    }

    section.sm-article-holder div.article div.comments {
        position: absolute;
        margin-left: 125px;
        margin-top: 3px;
        background-image: url('../images/layout/icons/bubble.png');
        background-position: center center;
        background-repeat: no-repeat;
        display: inline-block;
        width: 34px;
        height: 28px;
        text-align: center;
        text-indent: -8px;
        line-height: 30px;
        color: white;
    }


div.list-order {
    color: #565656;
    line-height: 20px;
    padding: 10px;
    padding-left: 15px;
    padding-bottom: 0px;
    margin-bottom: 10px;
}

    div.list-order strong {
        display: inline-block;
    }

    div.list-order ul {
        padding: 0;
        margin: 0;
        list-style: none;
        display: inline-block;
    }

    div.list-order ul li {
        display: inline-block;
        border-right: 1px solid #464646;
        padding-left: 10px;
        padding-right: 10px;
        height: 14px;
        line-height: 14px;
    }

    div.list-order ul li:last-child {
        border: none;
    }

    div.list-order ul li a {
        color: #1382d1;
    }

    div.list-order ul li.active a {
        color: #464646;
    }

section.comments {
    margin-top: 5px;
    background-color: white;
    padding: 5px;
    color: #ababab;
}

.comments .add-comment {
    display: block;
    background-color: #238ad4;
    width: 200px;
    height: 26px;
    line-height: 26px;

    text-align: center;
    color: white;
    margin: 10px auto;
}

.comments .add-comment-input {
    display: none;
    text-align: center;
}

    .add-comment-input textarea {
        display: block;
        width: 500px;
        resize: none;
        text-align: left;
        margin: 0 auto;
        height: 75px;
    }

.comments .add-comment:hover {
    background-color: #2e2e2e;
}

.comments .comment {
    background-image: url('../images/layout/comment_background.png');
    background-repeat: repeat-x;
    border-top: 1px solid #e0e0e0;
    padding-top: 15px;
    padding-left: 25px;
}

@media all and (max-width: 640px)
{
    .comments .comment {
        display: block !important;
        visibility: visible !important;
    }
}

    .comments .comment.last {
        border-bottom: 1px solid #e0e0e0;
    }

.comments .comment.reply {
    padding-left: 50px;
    background: none !important;
    border: none;
}

.comments .comment:after {
    content: "";
    display: block;
    clear: both;
}

.comments .comment.like {
    background-image: url('../images/layout/top_comment_background.png') !important;
    background-repeat: repeat-x !important;
    color: #80b866;
}
.comment.like .text { color: #80b866 !important; }

.comment.vip-comment-1 {
    background-image: url('../images/layout/vip_comment_bg_1.png')  !important;
    background-repeat: repeat-x !important;
    color: #da8585;
}
.vip-comment-1 .text { color: #da8585 !important; }
.comment .vip-status.vip-comment-1 { background-color: #da8585 !important; }

.comment.vip-comment-2 {
    background-image: url('../images/layout/vip_comment_bg_2.png')  !important;
    background-repeat: repeat-x !important;
    color: #75aad3;
}
.vip-comment-2 .text { color: #75aad3 !important; }
.comment .vip-status.vip-comment-2 { background-color: #75aad3 !important; }

.comment.vip-comment-3 {
    background-image: url('../images/layout/vip_comment_bg_3.png')  !important;
    background-repeat: repeat-x !important;
    color: #bea865;
}
.vip-comment-3 .text { color: #bea865 !important; }
.comment .vip-status.vip-comment-3 { background-color: #bea865 !important; }

.comment.vip-comment-4 {
    background-image: url('../images/layout/vip_comment_bg_4.png')  !important;
    background-repeat: repeat-x !important;
    color: #b889c3;
}
.vip-comment-4 .text { color: #b889c3 !important; }
.comment .vip-status.vip-comment-4 { background-color: #b889c3 !important; }

.comment.vip-comment-5 {
    background-image: url('../images/layout/vip_comment_bg_5.png')  !important;
    background-repeat: repeat-x !important;
    color: #5dc1b6;
}
.vip-comment-5 .text { color: #5dc1b6 !important; }
.comment .vip-status.vip-comment-5 { background-color: #5dc1b6 !important; }

.comment.vip-comment-6 {
    background-image: url('../images/layout/vip_comment_bg_6.png')  !important;
    background-repeat: repeat-x !important;
    color: #ca9f6c;
}
.vip-comment-6 .text { color: #ca9f6c !important; }
.comment .vip-status.vip-comment-6 { background-color: #ca9f6c !important; }

.vip-post-1 { background-color: #fff1f1; }
.vip-post-2 { background-color: #edf7ff; }
.vip-post-3 { background-color: #fcf8eb; }
.vip-post-4 { background-color: #fcf3fd; }
.vip-post-5 { background-color: #eefdfb; }
.vip-post-6 { background-color: #f9f2ea; }

.forum-vip-post-1 { background-color: #c36363; }
.forum-vip-post-2 { background-color: #358dcc; }
.forum-vip-post-3 { background-color: #b5983e; }
.forum-vip-post-4 { background-color: #bd79cd; }
.forum-vip-post-5 { background-color: #45bcaf; }
.forum-vip-post-6 { background-color: #c49359; }

.vip-status {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    text-align: center;
    width: 28px;
    padding: 3px;
}

.forum-vip-post-1, .forum-vip-post-2, .forum-vip-post-3, .forum-vip-post-4, .forum-vip-post-5, .forum-vip-post-6 {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    width: 28px;
    line-height: 28px;
    padding: 0 7px;
    color: #ffffff;
}

.comments .vip-status {
    float: right;
    margin-right: 10px;
    color: #ffffff;
    background-color: #b5983e;
    background-image: none !important;
}

.comments .comment .avatar {
    display: block;
    width: 94px;
    height: 94px;
    border: 1px solid #cbcbcb;
}

.comments .comment .info {
    display: block;
    width: 94px;
    text-align: center;
    font-size: 90%;
}

.comments .comment .div-text {
    width: 670px;
    padding-left: 10px;
    padding-bottom: 10px;
}

.comments .comment.reply .div-text {
    width: 645px;
}

.comments .comment .title a {
    color: #1382d1;
}

.comments .comment .text {
    padding-top: 10px;
    padding-right: 20px;
    border-right: 1px solid #ececec;

    min-height: 80px;
    height: auto !important;
    height: 80px;

    color: #333;
}

.comments .comment .to-right {
    padding-right: 30px;
    padding-top: 40px;
}

.comments .comment .reply,
.comments .comment .like {
    display: inline-block;
    text-align: center;
    height: 20px;
    width: 65px;
    padding-top: 45px;
    background-repeat: no-repeat;
    background-position: top center;
}

.comments .comment .like { background-image: url('../images/layout/icons/like.png'); color: #5bc428; }
.comments .comment .reply { background-image: url('../images/layout/icons/reply.png'); color: #1382d1; }

div.files-category-holder {
    padding: 10px;
    padding-bottom: 0px;
}

    div.files-category-holder ul {
        display: inline-block;
        list-style: none;
        margin: 5px 0 0 0;
        padding: 0;
        background-image: url('../images/layout/category_background.png');
        background-repeat: repeat-x;
        background-position: top 12px left;
    }

    div.no-bg ul,
    div.files-category-holder.articles ul {
        background-image: none;
    }

        div.files-category-holder li {
            display: inline-block;
            border: 1px solid #aeaeae;
            background-color: #d4d4d4;
            height: 28px;
            line-height: 28px;
            margin-right: 10px;
            margin-bottom: 5px;
        }

        div.files-category-holder div.categories li,
        div.files-category-holder li:hover {
            background-color: #eaeaea;
        }

        div.files-category-holder ul li:last-child {
            margin-right: 0px;
        }

        div.files-category-holder li a {
            display: block;
            color: #6c6c6c;
            text-decoration: none;
            padding-left: 5px;
            padding-right: 5px;
        }
        div.files-category-holder li a { background-color: white; }

        div.files-category-holder li.active a,
        div.files-category-holder ul.path a
        { background-color: #d4d4d4; }

        div.files-category-holder li a:after {
            content: "";
            display: inline-block;
            clear: both;
        }

        div.files-category-holder li img {
            display: block;
            float: left;
            padding-top: 5px;
            margin-right: 5px;
        }

        div.files-category-holder li span {
            font-size: 90%;
            color: #9a9a9a;
        }

section.files-holder {
    margin-top: 10px;
    margin-bottom: 10px;

    min-height: 400px;
    height: auto !important;
    height: 400px;
}

i.file-info {
    margin-left: 10px;
}

div.file {
    background: url('../images/layout/server_list_background.png') bottom left repeat-x;
    line-height: 50px;
    height: 50px;
    margin: 0 5px;
}

    div.file:hover {
        background-image: none;
        background-color: #2e2e2e;
        color: #d5d5d5;
    }

        div.file:hover a {
            color: white;
        }

    div.file div.image {
        display: inline-block;
        padding-left: 10px;
        padding-right: 5px;
        width: 53px;
    }

    div.file img {
        vertical-align: middle;
        width: 53px;
        height: 39px;
    }

    div.file div {
        color: #959595;
        display: inline-block;
    }

        div.file a.name { width: 615px;}
        div.file a.name span {color: #838383; font-size: 92%;}
        div.file div.rating { width: 140px; display: inline-block;}


    div.file a {
        display: inline-block;
        color: #1081d0;
        text-align: left;
        padding: 0;
        line-height: 50px;
        height: 50px;
    }

    div.file a.detail {
        margin-left: 170px;
        width: 105px;
        text-align: right;
    }

    div.file div.rating {
        position: absolute;
        margin-top: 5px;
        width: 140px;
    }

    div.file div.comments {
        position: absolute;
        margin-left: 125px;
        margin-top: 11px;
        background-image: url('../images/layout/icons/bubble.png');
        background-position: center center;
        background-repeat: no-repeat;
        display: inline-block;
        width: 34px;
        height: 28px;
        text-align: center;
        text-indent: -8px;
        line-height: 30px;
        color: white;
    }

article.content-file {
    background: url('../images/layout/download_background.png') repeat-x transparent;
}

    article.content-file header {
        height: 78px;
        padding-top: 10px;
    }

        article.content-file header div.image {
            display: block;
            float: left;
            margin-left: 19px;
            height: 56px;
            width: 48px;
            padding-top: 20px;
        }

        article.content-file header h1 {
            display: block;
            float: left;
            margin: 0;
            padding: 0;
            padding-top: 17px;
            font-weight: bold;
            font-size: 140%;
            padding-right: 10px;

            min-width: 270px;
            width: auto !important;
            width: 270px;
        }

        article.content-file header a {
            color: #1382d1;
        }

        article.content-file header div.description {
            position: absolute;
            margin-top: 40px;
            margin-left: 66px;
            font-size: 90%;
            color: #6d6d6d;
        }

        article.content-file header div.rating-holder {
            display: block;
            float: left;
            height: 35px;
            width: 173px;
            margin-top: 20px;
        }

        article.content-file header:after {
            content: "";
            clear: both;
            display: block;
        }


    article.content-file section {
        background-color: white;
        padding-bottom: 10px;
    }

a.add-blog {
    display: block;
    float: right;
    background: url('../images/layout/icons/add_blog.png') no-repeat center left transparent;
    padding-left: 25px;
    color: #1382d1;
}

article.page {
    background: url('../images/layout/page_background.png') repeat-x white;
    min-height: 100px;
    margin-top: 15px;
    padding-bottom: 10px;
}

    article.page:before {
        content: "";
        display: block;
        position: absolute;
        background: url('../images/layout/page_shadow.png') repeat-x transparent;
        height: 7px;
        width: 986px;
        margin-top: -7px;
    }

section.blog {
    padding: 10px;
    margin: 0 10px;
    height: 190px;
    border-bottom: 1px solid #dedede;
}

    section.blog:first-child {
        padding-top: 20px;
    }

    section.blog:after {
        content: "";
        display: block;
        clear: both;
    }

    section.blog div.preview {
        display: block;
        padding: 0px;
        float: left;
        width: 260px;
        height: 190px;
    }

    section.blog div.description {
        display: block;
        float: left;
        width: 660px;
        padding-left: 10px;
    }

    section.blog h2 {
        color: #1382d1;
        margin: 0;
        padding: 0;
        font-size: 135%;
        font-weight: normal;
    }

    section.blog h2 a {
        color: #1382d1;
    }

    section.blog div.info {
        color: #989797;
        font-size: 90%;
        font-style: italic;
    }

    section.blog div.short {
        color: #717171;
        margin-top: 20px;
        font-size: 100%;
        line-height: 14px;
        height: 104px;
        padding-bottom: 5px
    }

    section.blog div.actions {
        text-align: right;
        color: #8e8e8e;
        font-size: 90%;
    }

    section.blog div.actions a {
        color: #1382d1;
        text-transform: uppercase;
        font-weight: bold;
    }

    section.blog div.rating-holder {
        display: block;
        position: absolute;
        width: 175px;
        height: 36px;
        margin-left: 489px;
    }

span.flash-game object {
    text-align: center;
    margin: 0 auto;
}

div.article-file-description {
    display: block;
    width: 333px;
    float: left;
}

div.article-file-description table {
    padding: 10px;
}

    div.article-file-description table th {
        color: #b4b4b4;
        font-weight: normal;
        width: 120px;
    }

    div.article-file-description table td {
        color: #6b6b6b;
    }

div.article-file-description a.download {
    display: block;
    background: url('../images/layout/download_button.png');
    background-repeat: no-repeat;
    height: 74px;
    width: 320px;
    margin-top: 20px;
    margin-left: 13px;
}

div.article-file-description a.download.flash-start {
    background-image: url('../images/layout/play_button.png');
}

    div.article-file-description a.download:hover {
        background-position: 0px -78px;
    }

    div.article-file-description a.download.flash-start:hover {
        background-position: 0px -77px;
    }

#mce-content p {
    padding: 0;
    margin: 5px 0;
}

#mce-content img {
    display: block;
}

ul.pagination {
    display: block;
    text-align: center;
    margin: 10px auto;
    list-style: none;
    padding: 0;
}

    ul.pagination li {
        display: inline-block;
    }

    ul.pagination li a {
        color: #1081d0;
        padding: 1px 5px;
        display: block;
    }
    ul.pagination li.active a, ul.pagination li a:hover { background-color: #1081d0; color: white; }
    ul.pagination li.disabled a { color: #838383; background-color: transparent; cursor: auto; }

.blog-editor {
}

.blog-editor label {
    font-size: 110%;
    font-weight: bold;
    padding-left: 20px;
    display: inline-block;
    width: 178px;
}

.blog-editor form {
    padding-top: 10px;
}

.blog-editor input[type="text"] {
    width: 350px;
    line-height: 20px;
    height: 20px;
    padding: 0 10px;
}

article.content-vip {
    color: #717171;
}

article.content-vip div.vip-holder:after {
    content: "";
    display: block;
    clear: both;
}

article.content-vip div.vip-holder {
    padding: 10px 0;
    margin: 0 10px;
    border-bottom: 1px solid rgba(235,235,235,1.0);
}

article.content-vip div.vip-holder.nb {
    border: none;
}

    div.vip-holder div.left {
        width: 730px;
        float: left;
    }

        div.vip-holder h3 {
            color: #1382d1;
            font-weight: bold;
            margin: 0;
            padding: 0;
            font-size: 95%;
        }

        div.vip-holder p {
            color: #666666;
            margin: 0px 10px 0 0;
        }

    div.vip-holder div.right {
        width: 235px;
        float: right;
        text-align: left;
        margin-top: 10px;
    }

    .vip-nickname-preview {
        text-align: center;
        line-height: 28px;
        height: 28px;
        width: 184px;
        border: 1px solid #bfbfbf;
        background-color: white;
        color: #a2a2a2;
        font-size: 110%;
        font-weight: bold;
    }

    .vip-nickname-preview span {
        display: inline-block;
    }

    div.background-palet,
    div.vip-nickname-palet {
        margin-top: 10px;
    }

    div.background-palet:after,
    div.vip-nickname-palet:after {
        display: block;
        content: "";
        clear: both;
    }

    div.vip-nickname-palet a {
        display: block;
        float: left;
        width: 11px;
        height: 9px;
        background-image: url('../images/layout/nickname_palet_2.png');
        background-repeat: no-repeat;
    }

    div.vip-holder input[type="checkbox"] {
        line-height: 21px;
    }

    div.vip-holder label {
        color: #a2a2a2;
        line-height: 21px;
    }

    div.background-palet a {
        display: block;
        float: left;
        width: 24px;
        height: 20px;
        background-image: url('../images/layout/background_palet.png');
        background-repeat: no-repeat;
    }

    .content-vip div.preview-holder {
        width: 955px;
        margin-left: 5px;
        padding: 10px;
    }

    .content-vip div.preview-holder:after {
        display: block;
        content: "";
        clear: both;
    }

        .content-vip div.preview-holder div.avatar {
            background-image: url("../images/layout/avatar.png");
            display: block;
            width: 94px;
            height: 94px;
            margin: 0 10px;
            float: left;
            border: 1px solid #cbcbcb;
        }

    .content-vip .center {
        text-align: center;
        margin: 0 auto;
    }

    .content-vip input[type="submit"] {
        margin: 10px 0;
        width: 270px;
        height: 37px;
        line-height: 37px;
        background-color: #127fcb;
        color: white;
        border: none;
        text-transform: capitalize;
        font-size: 120%;
        font-weight: bold;
    }

article.content-viplist {

}

    .content-viplist header h2 {
        text-indent: -500px;
        overflow: hidden;
        display: block;
        width: 495px;
        height: 30px;
        background-image: url('../images/layout/vip_list.png');
    }

    .content-viplist ul {
        list-style-image: url('../images/layout/dot.png');
        list-style-position: inside;

        border-bottom: 1px solid rgba(210,210,210,0.7);
        border-top: 1px solid rgba(210,210,210,1.0);

        margin: 10px;
        padding: 0;
    }

        .content-viplist li {
            line-height: 38px;
            height: 38px;
            border-top: 1px solid rgba(210,210,210,0.7);
            border-bottom: 1px solid rgba(210,210,210,1.0);
            color: #616161;
            padding: 0 1px;
        }

    .content-viplist footer a {
        display: block;
        width: 522px;
        height: 95px;
        background-image: url('../images/layout/vip_activate.png');
        text-indent: -500px;
        overflow: hidden;
    }

    .content-viplist footer a:hover {
        background-position: 0 -97px;
    }

article.content-vipactivate {
    color: #616161;
}

    .content-vipactivate hr  {
        display: block;
        margin: 0 10px;
        border: none;
        border-top: 1px solid rgba(224,224,224,0.8);
        border-bottom: 1px solid rgba(224,224,224,1.0);
    }

    .content-vipactivate header h2 {
        text-indent: -500px;
        overflow: hidden;
        display: block;
        width: 505px;
        height: 31px;
        background-image: url('../images/layout/vip_finish.png');
    }

    .content-vipactivate header p {
        margin: 5px 15px;
        font-size: 110%;
    }

    .content-vipactivate section {
        background-repeat: no-repeat;
        /*background-image: url('../images/layout/vip_mobile4.png');*/
        background-position: 450px 0px;
        margin: 5px 15px;
        height: 160px;
        padding: 5px 0;
    }

        .content-vipactivate div.pay-method {
            margin: 20px 0;
        }

        .content-vipactivate div.pay-method h3 {
            font-weight: bold;
            text-decoration: underline;
            margin: 0;
            padding: 0;
        }

        .content-vipactivate div.pay-method p {
            padding: 0;
            margin: 0;
        }

        .content-vipactivate div.pay-method p strong {
            display: inline-block;
            word-spacing: 3px;
            margin: 0 5px;
            color: #33940d;
            font-weight: bolder;
            font-size: 120%;
        }

    .content-vipactivate footer {
        margin: 0;
        padding: 0;
    }

        .content-vipactivate input[type="text"] {
            height: 40px;
            line-height: 40px;
            border: 1px solid #c2c2c2;
            background-image: url('../images/layout/vip_input.png');
            padding: 0 10px;
            display: block;
            margin: 15px 0 0 15px;
            width: 300px;
        }

        .content-vipactivate label {
            display: block;
            margin: 0px 15px 10px 15px;
            color: #616161;
        }

        .content-vipactivate footer input[type="submit"] {
            border: none;
            margin: 10px 15px;
            display: block;
            width: 522px;
            height: 93px;
            background-image: url('../images/layout/vip_activate2.png');
            background-color: transparent;
            text-indent: -5000px;
            overflow: hidden;
        }

        .content-vipactivate footer input[type="submit"]:hover {
            background-position: 0 -97px;
        }

        .content-vipactivate footer p {
            color: #aaaaaa;
            padding: 15px;
        }

#viphref {
    display: block;
    background: url('../images/vip_forum_btn.png');
    width: 417px;
    height: 41px;
    margin: 10px;
}

#viphref:hover {
    background-position: 0 -43px;
}

.mChatMessage span span {
    color: #000000 !important;
}

.select-holder {
    display: block;
    margin: 20px 0 0 190px;
    width: 585px;
    height: 60px;
    border: 1px solid #c2c2c2;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    color: #939393;
    background: url('../images/layout/bg.png') repeat-x;
    cursor: pointer;
}

.select-holder:hover {
    background: none;
}

.select-holder img {
    display: block;
    float: left;
    margin: 10px 0 0 15px;
}

.select-holder .select-value {
    display: block;
    float: left;
    line-height: 60px;
    margin-left: 10px;
    font-size: 120%;
}

.select-holder .select-arrow {
    display: block;
    float: right;
    background: url('../images/layout/select-arrow.png');
    width: 20px;
    height: 14px;
    margin: 22px 15px 0 0;
}

.select-options {
    display: none;
    margin: 0 0 0 190px;
    width: 585px;
}

.select-options a {
    display: block;
    border: 1px solid #c2c2c2;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    height: 28px;
    line-height: 28px;
    color: #767676;
    padding: 0 15px;
    font-size: 110%;
}

.select-options a:hover {
    background-color: #434343;
    color: white;
}

.select-options a span.title {
    display: block;
    float: left;
}

.select-options a span.ip {
    display: block;
    float: right;
}

div.vip-holder h3.warning,
div.vip-holder p.warning {
    color: red;
}

div.vip-holder h3.warning {
    text-decoration: underline;
    margin-top: 10px;
}

div.vip-holder h4 {
    font-weight: bold;
    margin: 5px 0;
    padding: 0;
    font-size: 115%;
}

div.nickname-reset strong {
    color: limegreen;
    word-spacing: 5px;
}

div.nickname-reset p.desc {
    margin-top: 10px;
    font-weight: lighter;
    color: #d3d3d3;
}

div.nickname-reset input.vip-nickname-preview {
    margin-top: 5px;
    border: 1px solid red;
}

div.nickname-reset button {
    width: 184px;
    line-height: 28px;
    border: none;
    background: none;
    font-weight: bold;
    color: red;
}