@charset "utf-8";html {
    font-family: Arial,Helvetica,sans-serif;
    color: #FFF8DC;
    font-size: 14px;
    background: #0f0000;
    overflow-y: scroll;
}

body {
    background: #0f0000 url("../images/bg_top.jpg") repeat-x top;
    margin: 0;
    padding: 0;
}

a img {
    border: 0;
}

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

    a:hover {
        text-decoration: none;
        color: #00FFFF;
    }

html a:active {
    outline: none;
}

:focus {
    -moz-outline-style: none;
}

.clear {
    clear: both;
}

h1 {
    font-size: 14px;
    color: #d1d1d1;
    font-weight: 700;
    font-variant: line-height: 35px;
}

    h1 span {
        border-bottom: 1px solid #36271d;
        display: block;
        font-size: 18px;
        height: 37px;
        line-height: 37px;
        font-weight: 400;
        padding-left: 20px;
        font-variant: color: #fff;
        text-shadow: 1px 2px 2px #010b10;
    }

p {
    margin: 5px 0;
}

hr.sep {
    border: 0;
    border-top: 1px solid #011c27;
    border-bottom: 1px solid #01354c;
}

ul {
    padding: 10px 10px 10px 25px;
    margin: 0;
}

    ul li {
        list-style: disc;
        padding: 5px 0;
        line-height: 18px;
    }

.error, .notice {
    display: block;
    margin: 5px, 0, 0, 5px;
    font-size: 14px;
    float: left;
    padding: 6px 0;
    text-shadow: 1px 1px 1px #000;
}

.error {
    color: #d71208;
}

.notice {
    color: #66cc66;
}

form {
}

    form textarea, form select {
        background: #140d0b;
        border: 2px solid #282626;
        padding: 2px;
        float: left;
        margin: 7px 5px 4px 0;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        color: #fff;
    }

        form textarea:focus {
            background: #33241f;
        }

        form textarea.button {
            background: #32160f;
            border: 1px solid #6d5747;
            cursor: pointer;
            font-size: 14px;
            width: auto;
            padding: 2px 15px;
        }

            form textarea.button:hover {
                background: #58261a;
            }

            form textarea.button:active {
                background: #000000;
            }

    form label {
        float: left;
        width: 130px;
        margin: 7px 5px 4px 0;
        padding: 4px 0 0 0;
    }

    form .helpText {
        float: left;
        margin: 7px 5px 4px 0;
        padding: 4px 0 0 0;
    }

    form br {
        clear: both;
    }

#recruitLink {
    background: #071e2b;
    border: 2px solid #385d6d;
    width: 350px;
    padding: 3px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    color: #fff;
    height: 30px;
    line-height: 30px;
    font-size: 16px;
    text-shadow: 2px 2px 2px #000;
}

#topbar {
    width: 888px;
    height: 35px;
    margin: auto;
    padding-right: 2px;
}

    #topbar .tbleft {
        float: left;
    }

        #topbar .tbleft strong, #topbar .tbleft h1 {
            font-size: 14px;
            color: #d1d1d1;
            font-weight: 700;
            font-variant: line-height: 35px;
            margin: 0;
            padding: 0;
            border: 0;
        }

        #topbar .tbleft strong {
            font-size: 14px;
            color: #d1d1d1;
            font-weight: 700;
            font-variant: line-height: 35px;
        }

    #topbar .tbright {
        float: right;
    }

        #topbar .tbright form {
            padding: 5px 0 0 0;
        }

        #topbar .tbright textarea {
            width: 134px;
            height: 21px;
            background: #110b0b;
            border: 1px solid #424141;
            font-size: 12px;
            color: #FFF;
            float: left;
            margin: 1px 4px 0 0;
            line-height: 21px;
            padding: 0;
        }

        #topbar .tbright #hpassword {
            display: none;
        }

        #topbar .tbright .welcome {
            float: left;
            margin: 10px 4px 0 0;
            color: #73787a;
        }

            #topbar .tbright .welcome strong {
                color: #b5babc;
                font-weight: normal;
            }

        #topbar .tbright .but {
            width: 26px;
            height: 25px;
            background: url("../images/s.png") no-repeat;
            float: left;
            border: 0;
            cursor: pointer;
            padding: 0;
            margin: 0 3px 0 0;
        }

        #topbar .tbright .signin {
            background-position: 0 -62px;
        }

        #topbar .tbright .forgotpassword {
            background-position: -26px -62px;
            margin: 0;
        }

        #topbar .tbright .logout {
            background-position: -52px -62px;
            margin: 5px 4px 0 0;
        }

        #topbar .tbright .myaccount {
            background-position: -78px -62px;
            margin: 5px 0 0 0;
        }

#container {
    background: url("../images/main_bg.html") no-repeat top center;
}

#wrapper {
    width: 888px;
    margin: auto;
    position: relative;
}

#header {
    height: 299px;
}

    #header #logo {
        position: absolute;
        top: 10px;
        left: 90px;
    }

    #header UL {
        list-style: none;
    }

        #header UL LI {
            list-style: none;
        }
        /** menuuu **/

        #header UL#main-menu > LI > a > SPAN {
            display: none;
        }

    #header #main-menu > LI > UL {
        width: 192px;
        margin: 30px 0 0 -20px;
        position: absolute;
    }

    #header UL LI.active UL {
        display: block;
    }

UL.menu-list > LI {
    position: relative;
    top: 0px;
    padding: 0px;
    border-top: 1px solid #4c0503;
    border-bottom: 1px solid #320301;
    background-color: #3d0402;
}

#header UL > LI > UL > LI UL > LI > A {
    width: 177px;
    padding-left: 15px;
}

#header UL.menu-list > li:first-child {
    border-top: 0 none;
}

#header UL.menu-list > li div.arrow-top {
    position: absolute;
    top: -19px;
    left: 29px;
    width: 218px;
    height: 19px;
    background: url("../images/drop-down-top.png") no-repeat;
}

UL LI.active UL LI A {
    color: #E1CA97;
    font-size: 12px;
}

UL LI UL LI .indicator {
    margin-right: 16px;
    display: block;
    float: right;
    color: #FFF;
    font-weight: bold;
}

#header UL LI UL LI UL LI {
    margin: 0;
    padding-left: 0px;
}
/*#header UL LI UL LI UL LI:first-child {	padding-top: 4px;	background: url('/global/includes/images/template-items/top-nav/drop-down-divider.png') top center no-repeat;}*/

#header UL LI.active UL LI UL LI A {
    color: #FFF;
}

#header #main-menu {
    position: absolute;
    top: 228px;
    left: -10px;
    width: 850px;
    height: 54px;
    text-align: center;
}

    #header #main-menu > LI {
        position: relative;
        display: inline-block;
        text-align: left;
    }

        #header #main-menu > LI > A {
            height: 54px;
            width: 67px;
            display: block;
            /* background: url('../images/menu.png') no-repeat; */
        }

    #header #main-menu > #home > A {
        width: 89px;
    }

        #header #main-menu > #home > A.active, #header #main-menu > #home > A:HOVER {
            background-position: 0 -54px;
        }

    #header #main-menu > #minha-conta > A {
        width: 133px;
        background-position: -89px 0;
    }

        #header #main-menu > #minha-conta > A.active, #header #main-menu > #minha-conta > A:HOVER {
            background-position: -89px -54px;
        }

    #header #main-menu > #downloads > A {
        width: 133px;
        background-position: -222px 0;
    }

        #header #main-menu > #downloads > A.active, #header #main-menu > #downloads > A:HOVER {
            background-position: -222px -54px;
        }

    #header #main-menu > #informacoes > A {
        width: 133px;
        background-position: -355px 0;
    }

        #header #main-menu > #informacoes > A.active, #header #main-menu > #informacoes > A:HOVER {
            background-position: -355px -54px;
        }

    #header #main-menu > #estatisticas > A {
        width: 133px;
        background-position: -488px 0;
    }

        #header #main-menu > #estatisticas > A.active, #header #main-menu > #estatisticas > A:HOVER {
            background-position: -488px -54px;
        }

    #header #main-menu > #suporte > A {
        width: 105px;
        background-position: -621px 0;
    }

        #header #main-menu > #suporte > A.active, #header #main-menu > #suporte > A:HOVER {
            background-position: -621px -54px;
        }

    #header #main-menu > #forum > A {
        width: 105px;
        background-position: -727px 0;
    }

        #header #main-menu > #forum > A.active, #header #main-menu > #forum > A:HOVER {
            background-position: -727px -54px;
        }
/*#header #main-menu > #community > A{width: 166px;background-position: -193px 0;}#header #main-menu > #community > A.active,#header #main-menu > #community > A:HOVER{background-position: -193px -54px;}#header #main-menu > #services > A{width: 178px;background-position: -361px 0;}#header #main-menu > #services > A.active,#header #main-menu > #services > A:HOVER{background-position: -361px -54px;}/**** DROPDOWN MENU ****/

.menu-list > li > ul {
    display: none;
    margin: 0 0 -1px 0;
    border-top: 1px solid #3A0706;
}

.menu-list .indicator-closed, .menu-list .indicator-opened {
    margin-right: 16px;
    display: inline-block;
    float: right;
    color: #FFF;
    font-size: 16px;
    font-weight: bold;
    position: relative;
    user-select: none;
    z-index: 1;
}

.menu-list .indicator-opened {
    display: inline-block;
}
/*align - with + */

.menu-list .inactive-indicator {
    display: none;
}

.menu-list ul, .menu-list li {
    position: relative;
}

ul.menu-list {
    width: 218px;
    margin: 0;
    padding: 0;
    font-size: 12px;
    line-height: 1;
    list-style-type: none;
}

    ul.menu-list LI {
        min-height: 20px;
        margin: 0;
        color: #e1ca97;
        list-style-type: none;
    }

        ul.menu-list LI A {
            height: 28px;
            width: 100%;
            display: inline-block;
            line-height: 28px;
            vertical-align: middle;
            color: #e1ca97;
            outline: 0;
        }

            ul.menu-list LI A:hover {
                color: #fff;
            }

    ul.menu-list > LI a:hover {
    }

    UL.menu-list > LI > UL > LI A {
        width: 203px;
        padding-left: 15px;
    }

    ul.menu-list a.current {
        color: #fff;
        font-weight: bold;
    }

.menu-list li a > span.link-text {
    padding-left: 5px;
    display: inline-block;
}

ul.menu-list > li > ul > li > a > span.link-text {
    padding-left: 15px;
    color: #fff;
}

#header UL LI UL.menu-list {
    top: 32px;
    left: 20px;
    z-index: 100;
    box-shadow: 0 0 3px #000000,0 0 3px #000000;
    -moz-box-shadow: 0 0 3px #000000,0 0 3px #000000;
    -webkit-box-shadow: 0 0 3px #000000,0 0 3px #000000;
    -o-box-shadow: 0 0 3px #000000,0 0 3px #000000;
}

ul.menu-list LI A {
    color: #e1ca97;
    outline: 0;
}

    ul.menu-list LI A:hover, UL.menu-list LI.current {
        background-color: #75100e;
    }

.menu-list li a > span.link-text {
    padding-left: 15px;
}

#header #mainmenu {
    position: absolute;
    top: 243px;
    height: 46px;
    width: 886px;
    text-align: center;
}

    #header #mainmenu a {
        height: 45px;
        float: left;
    }

        #header #mainmenu a span {
            display: block;
            margin: 20px 23px 0 23px;
            font-variant: font: Arial;
            color: #FFFFFF;
            font-size: 15px;
            height: 9px;
        }

        #header #mainmenu a:hover {
            background: url("../images/s.png") no-repeat -3px -12px;
            text-decoration: none;
        }

    #header #mainmenu i {
        width: 3px;
        float: left;
        height: 43px;
        margin-top: 3px;
        background: url("../images/s.png") 0 -18px;
    }

    #header #mainmenu br {
        clear: both;
    }

    #header #mainmenu a.home {
        margin-left: 106px;
    }

        #header #mainmenu a.home span {
            width: 40px;
        }

    #header #mainmenu a.forum span {
        width: 50px;
        background-position: -34px 0;
    }

    #header #mainmenu a.downloads span {
        width: 80px;
        background-position: -73px 0;
    }

    #header #mainmenu a.registration span {
        width: 80px;
        background-position: -178px 0;
    }

    #header #mainmenu a.my-account span {
        width: 90px;
        background-position: -307px 0;
    }

#leftContent {
    float: left;
    height: auto;
    width: 165px;
}

    #leftContent ul {
        margin: 1.5em 0 0 1.5em;
        padding: 0;
    }

    #leftContent li {
        list-style: none;
        padding: 0;
        margin: 0;
    }

    #leftContent a {
        display: block;
        height: 1.5em;
        padding: 0.5em 0.2em 0.2em 0.8em;
        margin-bottom: 1px;
        color: #FFFFFF;
        background-color: #32160f;
    }

        #leftContent a:hover {
            color: #FFFFFF;
            background-color: #36271d;
        }

#rightContent {
    margin-left: 5px;
    float: left;
    min-height: 400px;
    _height: 400px;
}

#content {
    min-height: 500px;
    padding-bottom: 10px;
    position: relative;
}

    #content .pageContent {
        border: 1px solid #2a2626;
        margin: 15px;
        background: #141111;
        padding: 15px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        -moz-box-shadow: 0 0 1em #000;
        -webkit-box-shadow: 0 0 1em #000;
        box-shadow: 0 0 1em #000;
    }

.navbut {
    background-color: #140d0b;
    border: 2px solid #302d2d;
    width: 303px;
    height: 22px;
    padding: 4px 10px;
    line-height: 22px;
    display: block;
    float: none;
    margin: 0;
}

#footer {
    width: 860px;
    min-height: 120px;
    background: url("../images/footer.png") no-repeat;
    position: relative;
}

    #footer .rights {
        padding: 130px 0 10px 0;
        text-align: center;
        color: #585858;
        font-size: 12px;
    }

    #footer .rights {
        padding: 5px 0 10px 0;
        text-align: center;
        color: #585858;
        font-size: 12px;
    }

    #footer .links {
        padding: 20px 0 10px 0;
        text-align: center;
    }

        #footer .links em {
            color: #272424;
            padding: 0 2px 0 2px;
        }

        #footer .links a {
            margin: 0;
            padding: 14px 0 0 0;
            color: #c9c9c9;
            font-size: 14px;
            font-variant: text-shadow: 0 1px 1px #000;
            font-weight: 700;
        }
/* home */

.homeleft {
    width: 620px;
    float: left;
    margin: 5px 0 0 2px;
}

    .homeleft .latestnewstitle span {
        padding: 14px 0 0 15px;
        display: block;
    }

.bonusbb {
    width: 253px;
    margin-top: 5px;
    margin-bottom: 10px;
    margin-left: 5px;
}

    .bonusbb a {
        outline: none;
    }

.homeright {
    float: right;
    margin: 5px 2px 0 0;
    width: 245px;
}

.realmstatus {
    width: 303px;
    margin-top: 10px;
}

.rsbcont {
    padding-left: 10px;
    padding-top: 5px;
    font-family: Microsoft Sans Serif;
    font-size: 14px;
    color: #666666;
    padding-bottom: 5px;
}

.realmstatustitle {
    background: url(../images/rsbtabstp.png) no-repeat -3px;
    width: 250px;
    height: 26px;
    font-family: Microsoft Sans Serif;
    font-size: 14px;
    font-variant: small-caps;
    color: #c9c9c9;
    font-weight: 700;
    padding-top: 7px;
    padding-left: 10px;
}

.rsbcont a {
    font-family: Microsoft Sans Serif;
    font-size: 14px;
    color: #FFF8DC;
    text-decoration: none;
    outline: none;
    line-height: 145%;
}

    .rsbcont a:hover {
        color: #00FFFF;
    }

.homebox {
    width: 255px;
}

    .homebox .hbt {
        height: 39px;
        background: url("../images/s.png") no-repeat 0 -87px;
        padding: 0 16px;
    }

        .homebox .hbt h3 {
            margin: 0;
            padding: 14px 0 0 0;
            color: #c9c9c9;
            font-size: 14px;
            font-variant: text-shadow: 0 1px 1px #000;
            font-weight: 700;
        }

    .homebox .hbc {
        background: url("../images/s.png") no-repeat 0 -126px;
        min-height: 60px;
        padding: 4px 16px 0 16px;
    }

.hbcnopadd .hbc {
    padding: 0;
    position: relative;
    z-index: 2;
}

.homebox .hbb {
    height: 10px;
    background: url("../images/s.png") no-repeat 0 -383px;
}

.realminfo {
    line-height: 20px;
    color: #e9d3b1;
}

    .realminfo strong {
        color: #66cc66;
        font-weight: normal;
    }

    .realminfo i {
        font-style: normal;
        color: #e9d3b1;
    }

    .realminfo em {
        color: #ccff33;
        font-style: normal;
    }

    .realminfo span {
        color: #304852;
    }

.homeTable {
    color: #4d6169;
    width: 100%;
    padding: 0 4px;
    margin-bottom: -4px;
}

    .homeTable td {
        border-bottom: 1px solid #00212f;
        border-right: 1px solid #00212f;
        border-top: 1px solid #002d41;
        border-left: 1px solid #002d41;
        padding: 4px 10px;
    }

        .homeTable td.f {
            padding: 4px 4px;
            text-align: center;
        }

    .homeTable tr.last td {
        border-bottom: 0;
    }

#accordion {
    background-color: #a9d06a repeat-y -3px;
    width: 750px;
    margin-left: -51px;
}

    #accordion h3 {
        margin: 0;
        padding: 0;
        height: 31px;
        line-height: 31px;
        position: relative;
    }

        #accordion h3.ui-state-hover {
            cursor: pointer;
        }

        #accordion h3 a {
            color: #fefefe;
            text-decoration: none;
            font-size: 12px;
            font-weight: normal;
            padding-left: 40px;
        }

    #accordion .ui-accordion-header {
        background: url("../images/acc_bottom.html") no-repeat -2 bottom;
        width: 560px;
        overflow: hidden;
    }

    #accordion .ui-accordion-content {
        background: url("../images/acc_bottom.html") no-repeat -2 bottom;
        width: 560px;
        overflow: hidden;
    }

    #accordion h3.ui-state-active {
        background: none;
    }

    #accordion h3:focus {
        outline: none;
    }

    #accordion .ncont {
        padding: 0 15px 10px 22px;
        overflow: hidden;
    }

    #accordion .right {
        float: center;
        font: 10px Verdana;
        padding-right: 10px;
        color: #cc6633;
        text-decoration: none;
    }

.accordion h3 a .head {
    height: 31px;
    font: bold 11px/20px Verdana;
    padding-left: 50px;
    display: block;
    cursor: pointer;
    color: white;
    line-height: 27px;
}

#accordion a.readmore {
    color: white;
    font: bold 10px/35px Verdana;
    float: center;
    text-align: center;
}

#accordion .ui-icon-circle-arrow-s {
    width: 16px;
    height: 12px;
    position: absolute;
    top: 11px;
    left: 20px;
    background: url("../images/arrow_t.html");
}

#accordion .ui-icon-circle-arrow-e {
    width: 12px;
    height: 16px;
    position: absolute;
    top: 8px;
    left: 23px;
    background: url("../images/arrow_l.html");
}
/* my account */

.myaccount {
    padding: 15px 0;
}

    .myaccount .characterServices .col {
        width: 281px;
        padding: 0 15px;
    }

    .myaccount .characterServices .service-header {
        background-color: #33241f;
        font-size: 15px;
        font-weight: normal;
        margin: 0 0 5px;
        padding: 3px 8px;
    }

    .myaccount .characterServices .col a {
        display: block;
        font-size: 14px;
        margin-bottom: 5px;
        padding: 3px;
        cursor: pointer;
        text-decoration: none;
    }

        .myaccount .characterServices .col a:hover {
            background-color: #1c1717;
            color: #FFFFFF;
            cursor: pointer;
        }

        .myaccount .characterServices .col a div.iconGlow {
            background: url("../images/service-glow.html") no-repeat scroll 100% 0 transparent;
            float: left;
            height: 49px;
            margin: 0 5px 0 0;
            width: 54px;
        }

        .myaccount .characterServices .col a div.icon {
            background: url("../images/services-sprite.html") no-repeat scroll 0 0 transparent;
            height: 31px;
            margin: 9px 0 0 14px;
            width: 31px;
        }

        .myaccount .characterServices .col a div.service-title {
            float: left;
            margin: 6px 0 0;
            width: 195px;
        }

        .myaccount .characterServices .col a p {
            color: #9a9187;
            float: left;
            font-size: 11px;
            width: 195px;
        }

        .myaccount .characterServices .col a br {
            clear: both;
        }

        .myaccount .characterServices .col a.unstuck div.icon {
            background-position: 0 -155px;
        }

        .myaccount .characterServices .col a.download div.icon {
            background-position: 0 -310px;
        }

        .myaccount .characterServices .col a.items-buy-log div.icon {
            background-position: 0 -31px;
        }

        .myaccount .characterServices .col a.pandora-shop div.icon {
            background-position: 0 -340px;
        }

        .myaccount .characterServices .col a.donate div.icon {
            background-position: 0 -372px;
        }

        .myaccount .characterServices .col a.vote-panel div.icon {
            background-position: 0 -62px;
        }

        .myaccount .characterServices .col a.recruit div.icon {
            background-position: 0 -217px;
        }

        .myaccount .characterServices .col a.change-password div.icon {
            background-position: 0 -248px;
        }

table.list {
    border-right: 1px solid #5b4a38;
    border-top: 1px solid #5b4a38;
    background: #141111;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -moz-box-shadow: 0 0 4px black;
    -webkit-box-shadow: 0 0 4px black;
    box-shadow: 0 0 4px black;
}

    table.list tr {
    }

    table.list th, table.list td {
        padding: 6px 12px;
        border-left: 1px solid #2a2626;
        border-bottom: 1px solid #2a2626;
        text-align: left;
    }

    table.list th {
        background: url("../images/services-bg.html");
        text-align: left;
    }

    table.list .voted a {
        opacity: 0.2;
        filter: alpha(opacity=20);
        display: block;
    }

#content .register {
    width: 405px;
    margin: 19px auto;
    padding: 0;
}

.register form {
    padding-left: 40px;
}

    .register form textarea {
        background-color: #140d0b;
        border: 2px solid #302d2d;
        width: 303px;
        height: 22px;
        padding: 4px 10px;
        line-height: 22px;
        display: block;
        float: none;
        margin: 0;
    }

    .register form label {
        display: block;
        padding: 16px 0 4px 0;
        float: none;
        margin: 0;
    }

.register .regbutton {
    width: 155px;
    height: 38px;
    background: url("../images/register_button.html");
    margin: 13px 0 20px 84px;
    cursor: pointer;
}

.register hr.sep {
    margin: 0 3px 0 -37px;
}

.register .error {
    color: #d0260f;
    padding: 15px 0 0 0;
    display: block;
}

.register .info {
    color: #2a681e;
    padding: 15px 0 0 0;
    display: block;
}

.carregando {
    color: #666;
    display: none;
}