body {
        margin: 0;
        padding: 0;
        font-family: "Verdana";
        font-size: 12px;
        color: #000000;
        background: url('../img/footerbg.jpg') center bottom no-repeat;
}

#wrapper {
        width: 100%;
        height: auto;
        background: url('../img/bg.jpg') center top no-repeat;
        margin: auto;
}

#main {
        width: 1000px;
        margin-right: auto;
        margin-left: auto;
}

#menu {
        margin-top: 5px;
        height: 40px;
        width: 600px;
        float: left;
        text-align: center;
}

#menu ul {
        margin-left: 0px;
}

#menu ul li a {
        float: left;
        height: 72px;
        margin-left: 3px;
        color: #15a9cf;
        padding: 3px 4px;
}

#menu ul li a img {
        height: 72px;
}

#menu ul li a:hover {
        /* background: url('../img/menuhover.png') no-repeat;
        background-position: -10px -10px; */
}

ul,
li {
        margin: 0;
        padding: 0;
        list-style: none;
}

.navmenu {
        font-size: 11pt;
        font-family: "Verdana";
        color: black;
        font-style: italic;
        padding: 4px 8px 4px 8px;
}

.navmenu:hover {
        color: white;
        background-color: #8B5CF6;
        border-radius: 3px;
        padding: 4px 8px 4px 8px;
}

.logo {
        background: url('../img/logo.png') no-repeat;
        width: 500px;
        height: 226px;
        margin-top: -70px;
        margin-left: 235px;
}

.logo:hover {
        opacity: 0.8;
}

.slider {
        padding-left: 19px;
}

.downloadkafra {
        float: right;
        margin-top: -60px;
        padding-right: 60px;
}

.downloadkafra a {
        color: #3ba6c1;
}

.downloadkafra a:hover {
        color: #fff;
}

.containerbg {
        width: 1000px;
        margin: auto;
}

.containerbgtop {
        width: 1000px;
}

.containerbginner {
        width: 1000px;
        min-height: 600px;
        float: left;
}

.containerbgbottom {
        width: 1000px;
        height: 60px;
        float: left;
}

.centeradjust {
        width: 1000px;
}

.sidebarleft,
.centercont,
.sidebarright {
        float: left;
}

.sidebarleft {
        width: 210px;
        min-height: 200px;
        margin-left: 0px;
}

.centercont {
        width: 698px;
        min-height: 691px;
        margin-right: 15px;
        padding: 15px;
        background: #FFFFFF;
        border-radius: 6px;
        border: 5px solid #8B5CF6;
        color: #000;
}

.centercont * {
        color: #000 !important;
}

.centercont h2,
.centercont h3,
.centercont p,
.centercont div,
.centercont span,
.centercont td,
.centercont th {
        color: #000 !important;
}

.sidebarright {
        width: 210px;
        min-height: 200px;
}

.serverstatus {}

.vote {
        background: url(../img/v4p.png) no-repeat;
        background-position: 0 0;
        width: 250px;
        height: 60px;
        border: 0;
        display: block;
        -webkit-transition: all 0.2s;
        -moz-transition: all 0.2s;
        -ms-transition: all 0.2s;
        -o-transition: all 0.2s;
        transition: all 0.2s;
}

.vote:hover {
        background-position: -253px 0;
        cursor: pointer;
}

.register {
        background: url(../img/register.png) no-repeat;
        background-position: 0 0;
        width: 250px;
        height: 60px;
        border: 0;
        display: block;
        -webkit-transition: all 0.2s;
        -moz-transition: all 0.2s;
        -ms-transition: all 0.2s;
        -o-transition: all 0.2s;
        transition: all 0.2s;
}

.register:hover {
        background-position: -253px 0;
        cursor: pointer;
}

.rms {
        background: url(../img/rms.png) no-repeat;
        background-position: 0 0;
        width: 250px;
        height: 60px;
        border: 0;
        display: block;
        -webkit-transition: all 0.2s;
        -moz-transition: all 0.2s;
        -ms-transition: all 0.2s;
        -o-transition: all 0.2s;
        transition: all 0.2s;
}

.rms:hover {
        background-position: -253px 0;
        cursor: pointer;
}

.pvp {
        background: url(../img/pvprank.png) no-repeat;
        background-position: 0 0;
        width: 250px;
        height: 60px;
        border: 0;
        display: block;
        -webkit-transition: all 0.2s;
        -moz-transition: all 0.2s;
        -ms-transition: all 0.2s;
        -o-transition: all 0.2s;
        transition: all 0.2s;
}

.pvp:hover {
        background-position: -253px 0;
        cursor: pointer;
}

.facebook {
        width: 250px;
        height: 245px;
        background: url(../img/facebook.png) no-repeat;
        padding-top: 54px;
        padding-left: 3px;
}

.controlpanel {
        width: 250px;
        height: 167px;
        background: url(../img/loginpanel.png) no-repeat;
}

.woeschedule {
        width: 210px;
        height: 217px;
        background: url(../img/woesched.png) no-repeat;
        margin-top: -35px;
}

.woeschedule ul li {
        margin-bottom: 7px;
        list-style-type: none;
        text-decoration: none;
}

.usefulpanel {
        width: 210px;
        height: 298px;
        background: url(../img/usefulpanel.png) no-repeat;
}

.quicklinks2 {
        width: 184px;
        margin-right: auto;
        margin-left: auto;
        text-align: center;
        margin-bottom: 5px;
        border-bottom: 1px solid white;
}

.halloffame {
        width: 251px;
        height: 306px;
        background: url(../img/serverranking.png) no-repeat;
}

.welcome p {
        font-size: 9pt;
        text-align: left;
        width: 300px;
        float: left;
}

.decorate {}

.intro {
        padding-top: 10px;
}

.video {
        width: 293px;
        height: 191px;
        float: left;
        background: #000;
        border: 1px solid #454545;
        margin-right: 15px;
}

.divider {
        height: 0px;
        border-top: 2px solid #000000;
        border-bottom: 1px solid #454545;
        margin: 20px 0;
}

.welcomenote {
        margin-left: 75px;
}

.welcomechar {
        float: left;
        text-align: right;
}

.newsboardtitle {
        font-family: Verdana;
        font-size: 16pt;
        color: #8B5CF6;
        margin-bottom: -15px;
}

.newsboard_bg {
        width: 688px;
        height: 354px;
        float: left;
        background: url(../img/newsupdatesbg.png) no-repeat;
}

.newsboard td.title {
        width: 351px;
}

.newsboard td.title a {
        width: 345px;
        height: 25px;
        font-family: Verdana;
        font-size: 9pt;
        color: #000;
}

.newsboard td.title a:hover {
        color: #0ca6f6;
}

.newsboard td.image {
        height: 25px;
}

.newsboard td.date {
        color: #a6a6a6;
        text-align: right;
        font-family: Verdana;
        font-size: 9pt;
}

/* Set 2 */

td.image {
        padding-right: 25px;
        background: url('../img/news.png') no-repeat;
        width: 60px;
        position: relative;
        top: -4px;
}

td.title {
        width: 340px;
        height: 25px;
}

td.title a {
        font-family: Verdana;
        font-size: 9pt;
        color: #000;
}

td.title a:hover {
        color: #0ca6f6;
}

td.date {
        color: #a6a6a6;
        text-align: right;
        font-family: Verdana;
        font-size: 9pt;
}

/* Set 3 */

#news td.image {
        padding-right: 25px;
        background: url('../img/news.png') no-repeat;
        width: 60px;
        position: relative;
        top: -4px;
}

#news td.title {
        width: 340px;
        height: 25px;
}

#news td.title a {
        font-family: Verdana;
        font-size: 9pt;
        color: #000;
}

#news td.title a:hover {
        color: #0ca6f6;
}

#news td.date {
        color: #a6a6a6;
        text-align: right;
        font-family: Verdana;
        font-size: 9pt;
}

/* End Set 3 */

.footer {
        width: 724px;
        text-align: center;
}

.tag {
        color: #c65c70;
        font-weight: bold;
        text-align: center;
}

.login_row {
        padding: 60px 0 0 9px;
}

.textClass {
        width: 170px;
        height: 45px;
        background: transparent;
        color: black;
}

input.textClass {
        width: 130px;
        height: 30px;
        padding: 0;
        margin: 0;
        border: 0;
        color: #000;
        text-align: center;
        font-family: Verdana;
        font-size: 8pt;
}

.loginBtn {
        width: 80px;
        height: 64px;
        background: url(../img/loginbtn.png) no-repeat;
        border: 0;
        cursor: pointer;
        opacity: 1;
        margin-right: 15px;
        float: right;
        position: relative;
        top: -65px;
}

.loginBtn:hover {
        opacity: 0.7;
}

.fgtpass {
        padding: 0 0 0 20px;
        margin-top: -20px;
}

.fgtpass a {
        color: #fff;
}

.fgtpass a:hover {
        color: #000;
}

.logged {
        color: #000;
        position: relative;
        padding: 10px 10px 10px 20px;
        width: 150px;
        background: white;
        top: 70px;
        border-radius: 3px;
}

.logged a:hover {
        color: #000;
}

.status {
        padding: 14px 0 0 648px;
}

.char,
.map {
        padding-left: 50px;
}

.online_count {
        margin-top: -16px;
        margin-left: 852px;
        text-align: center;
        color: #ffffff;
        font-size: 10pt;
        font-family: Verdana;
}

.clear {
        clear: both;
}

#tabs ul {
        float: left;
        margin-left: 120px;
        margin-top: 5px;
        margin-bottom: 10px;
}

#tabs1 ul {
        float: left;
        margin-left: 40px;
        margin-top: 66px;
        margin-bottom: 10px;
}

#tabs li {
        list-style: none;
        background: #8B5CF6;
        border-radius: 5px 5px 5px 5px;
        opacity: 0.5;
}

#tabs li a:active {
        list-style: none;
        background: #8B5CF6;
        border-radius: 5px 5px 5px 5px;
        opacity: 0.5;
}

#tabs1 li {
        list-style: none;

}

#tabs li,
#tabs1 li {
        display: inline;
        padding: 0;

}

#tabs1 li {
        display: inline;
        padding: 0;

}

#tabs li,
#tabs li a,
#tabs1 li,
#tabs1 li a {
        float: left;
}

#tabs div {
        clear: both;
        padding: 0 10px 10px 10px;
        min-height: 200px;
}

#tabs1 div {
        width: 150px;
        clear: both;
        padding: 0 10px 30px 50px;
        min-height: 200px;
}

#tabs ul li,
#tabs1 ul li {
        margin: 0;
        padding: 0;
        margin-left: 2px;
}

#tabs ul li a,
#tabs1 ul li a {
        text-decoration: none;
        padding: 0px 0px;
}

#news td.image {
        padding-right: 20px;
        background: url('../img/news.png') no-repeat;
        width: 60px;
}

#news td.title {
        width: 340px;
        height: 25px;
}

#news td.title a {
        font-family: Verdana;
        font-size: 9pt;
        color: #000;
}

#news td.title a:hover {
        color: #0ca6f6;
}

#news td.date {
        color: #a6a6a6;
        text-align: right;
        font-family: Verdana;
        font-size: 9pt;
}

.sex {
        width: 140px;
        height: 94px;
        margin-left: 60px;
}

.ranking td {
        width: 140px;
        font-size: 8px;
        font-family: "Arial";
        color: black;
        text-align: center;
}

.guild_logo {
        width: 54px;
        height: 84px;
        background: url(../img/emblem_bg.png) center no-repeat;
}

.guild_logo img {
        margin-top: 15px;
}

.heading {
        background: #8B5CF6;
        padding: 5px 10px;
        border-radius: 3px;
        color: #fff;
        font-size: 12pt;
        font-style: italic;

}

#adminmenu,
#submenu {
        background: #8B5CF6;
        padding: 5px 10px;
        color: white;
}

#adminmenu td a {
        color: #fff;
        text-shadow: 1px 1px 1px #000;
        font-weight: bold;
}

#submenu a {
        color: #fff;
        text-shadow: 1px 1px 1px #000;
        font-weight: bold;
}

#adminmenu td a:hover,
#submenu a:hover {
        color: #faf1a0;
        text-shadow: 1px 1px 1px #000;
        font-weight: bold;
}

.footerspacer {
        height: 50px;
}

.credits {
        width: 240px;
}

.copyright {
        width: 450px;
        color: #fff;
        font-size: 8pt;
        text-align: center;
        padding-top: 15px;
}

.credits,
.copyright {
        float: left;
}

.credits img,
.credits a {
        float: left;
}

.footerlogo img {
        float: left;
        margin-top: -38px;
        margin-left: 5px;
}

.footercreditsdiv {
        text-align: center;
        color: #a6a6a6;
        width: 1000px;
        height: 56px;
        padding-top: 5px;
        padding-right: 5px;
        font-size: 8pt;
        position: relative;
        top: 50px;
}

.footercreditsdiv a {
        color: #a6a6a6;
}

.footercreditsdiv a:hover {
        color: #fff;
}

.adjust {
        width: 380px;
        overflow: auto;
}

.button {
        background: #8B5CF6;
        padding: 10px 20px;
        border-radius: 4px;
        cursor: pointer;
        border: 0;
        color: white;
}

.button:hover {
        opacity: 0.9;
}

.spacer {
        height: 50px;
}

.newslink {
        color: #4083c6;
        font-weight: bold;
        text-decoration: none;
}

.footerlinks {
        color: Yellow;
        font-weight: bold;
        font-family: "Copperplate Gothic Light";
        border-right: 1px solid white;
}

.footerlinks:hover {
        color: Orange;
        font-weight: bold;
        font-family: "Copperplate Gothic Light";
        border-right: 1px solid white;
}

.footerlinks2 {
        color: Yellow;
        font-weight: bold;
        font-family: "Copperplate Gothic Light";
}

.footerlinks2:hover {
        color: Orange;
        font-weight: bold;
        font-family: "Copperplate Gothic Light";
}

.itemmallbg {
        background: url(../main/itemmall/itemshopbg.png);
        width: 515px;
        height: 145px;
        background-repeat: no-repeat;
}

.slideleft {
        background: url(../img/leftbtn.jpg);
        background-repeat: no-repeat;
        height: 35px;
        border: 0;
        width: 20px;
        top: -33px;
        left: 25px;
        position: relative;
        cursor: pointer;
        opacity: 0.5;
}

.slideleft:hover {
        opacity: 1.0;
}

.slideright {
        background: url(../img/rightbtn.jpg);
        background-repeat: no-repeat;
        height: 35px;
        border: 0;
        width: 20px;
        top: -34px;
        left: 2px;
        position: relative;
        cursor: pointer;
        opacity: 0.5;
}

.slideright:hover {
        opacity: 1.0
}