* {
    margin:0;
    padding:0;
    color:#ddd;
    font-family:Arial, Verdana, sans-serif;
}

@font-face {
	font-family: morph;
	src: url('/static/morpheus.ttf');
}

/* rounded border */
.servname_box, .help_page, .textbox .rimg, .textbox img, .tab, #body, #user_menu, 
.login_msg, .infobox, .rinfobox, .blogpost .comments, #addcomment,.blogpost,
.sresult, .smallhead, input.text, select, textarea, .button_big, .button_small,
.qdetails, input.button, #addcomment_show, .vote, .filter, #topmenu .button, 
.button_medium, .round {
    -webkit-border-radius: 5px; /* Safari, Chrome */
    -khtml-border-radius: 5px;    /* Konqueror */
    -moz-border-radius: 5px; /* Firefox */
    border-radius: 5px;
}

.no_w {
    white-space:nowrap;
}

.dark {
    color:#333;
}

.servname_box {
    width:250px;
    float:right;
    padding:5px 15px;
    margin-bottom:10px;
    background:#333333 url('/static/images/servname.gif') no-repeat top center;
    overflow:hidden;
    white-space:nowrap;
    border:solid 1px #666666;
}
.servname_box .servname {
    font-size:24px;
    color:#FFD100; 
    text-shadow: 1px 1px 2px #000000;   
}

.servname_box .get_button {
    float:right;
    width:20px;
    height:20px;
    text-align:center;
    display:block;
    margin:0px;
    padding:0px;
    font:bold 16px/16px morph;
}

.servname_box .desc {
    margin:5px 0px;
    white-space:normal;
    color:#cccccc;
}

h3 {
    color:#ffffff;
    font-weight:normal;
    margin:15px 0px 15px 0px;
    font-size:16px;
    border-bottom:solid 1px #444444;
    padding-bottom:2px;
}

h3 a {
    font-size:12px;
}

.help_page {
    background-color:#222222;
    padding:1px 0px 10px 0px;
    margin:10px 0px;
}

.textbox .rimg {
    float:right;
    margin:0px 0px 10px 10px;
    border:solid 2px #666666;
}

.textbox img {
    border:solid 1px #999999;
    display:block;
    margin:10px 0px;
}

.textbox {
    margin:15px 25px;
    font-size:13px;
    line-height:20px;
}

.help_page h3 {
    margin:15px 15px;
}


.blue {
    color:#00d8ff !important;
}

.gold {
    color:#FFD100 !important;
}

.gray {
    color:#666666;
}
#tab1, #tab2, #tab3, #tab4 {
clear:left;
}

#tabs {
}

.tab {
    display:inline-block;
    width:160px;
    height:24px;
    line-height:24px;
    color:#FFD100;
    margin:0px 0px 0px 0px !important;
    float:none !important;
    text-align:center;
    background:#333333;
    cursor:pointer;
    background:url('/static/images/tab.gif') no-repeat bottom left;
    border:solid 1px #000;
}

.tab:hover {
    background:url('/static/images/tab.gif') no-repeat top left;
}

.tab_selected {
    background:url('/static/images/tab.gif') no-repeat top left;
    border:solid 1px #103050;
}

.tab img {
    position:relative;
    top:3px;
    left:-2px;
}

body {
    background:#000000;
    color:#eeeeee;
    font-size:13px;
    //background:url('/static/images/tlo.png') repeat-y top center;
}

#container {
    width:1000px;
    margin:10px auto;
    background:#052040;
    border:solid 1px #111111;
    background:url('/static/images/back.gif') repeat-y bottom center;
}

#body {
    border:solid 1px #006080;
    background:#000000;
    padding:10px;
    margin:2px 10px 1px 10px;
}

#logo {
    background:url('/static/images/top.gif') repeat-y top center;
}

#page_title {
        float:left;
}

#footer {
    padding:10px;
    margin:0px;
    font-size:11px;
    color:#666666;
    text-align:center;
    background:url('/static/images/footer.gif') repeat-y bottom center;
}
#footer a {
    color:#006080;
    text-decoration:underline;
}

#logo_user {
    padding:10px;
    height:32px;
    text-align:right;
    vertical-align:middle;  
    float:right;
}

.limg {
    -moz-box-shadow: 1px 1px 3px #000;
    -webkit-box-shadow: 1px 1px 3px #000;
    box-shadow: 1px 1px 3px #000;
}

#user_menu {
    margin-left:5px;
    display:inline-block;
    padding:4px 30px 4px 6px;
    width:160px;
    border:solid 1px #666666;
    cursor:pointer;
    background:#000000 url('/static/images/user_menu.gif') no-repeat top right;
    -moz-box-shadow: 1px 1px 3px #000;
    -webkit-box-shadow: 1px 1px 3px #000;
    box-shadow: 1px 1px 3px #000;
    z-index:9999;
}

#user_menu:hover {
    background:#333333 url('/static/images/user_menu.gif') no-repeat bottom right;
    border:solid 1px #cccccc;
}

#user_menu_drop {
    margin-top:5px;
    background:#000000;
    position:absolute;
    width:170px;
    padding:7px;
    line-height:25px;
    border-style:none solid solid solid;
    border-width:1px;
    border-color:#666666;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    display:none;
    -moz-box-shadow: 1px 1px 3px #000;
    -webkit-box-shadow: 1px 1px 3px #000;
    box-shadow: 1px 1px 3px #000;
}

#user_menu_drop a {
    display:block;
    text-decoration:none;
    cursor:pointer;
    padding:0px 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
#user_menu_drop a:hover {
    background:#333333;
}


a {
    color:#FFD100;
    text-decoration:none;
    cursor:pointer;
}

a:hover {
    text-decoration:underline;
}

#breadcrumbs {
    font-size:18px;
    padding-bottom:10px;
    border-bottom:solid 1px #103050;
    margin-bottom:10px;
}

#breadcrumbs a {
    font-size:18px;
}
#breadcrumbs a:hover {
    border-bottom:dotted 1px #FFD100;
    text-decoration:none;
}

#breadcrumbs p {
    color:#FFD100;
    display:inline;
}

.login_msg {
    color:#FFD100;
    clear:both;
    margin-bottom:5px;
    border: solid 1px #FFD100;
    padding:10px;
    background:#333333;
    text-align:center;
}


.infobox.frontbutton_en {
    background:url('/static/images/front_addon_en.jpg') no-repeat center center;
    height:56px;
    cursor:pointer;
}
.infobox.frontbutton_pl {
    background:url('/static/images/front_addon_pl.jpg') no-repeat center center;
    height:56px;
    cursor:pointer;
}

.infobox {
    width:400px;
    float:right;
    font-size:13px;
    margin-bottom:20px;
    border: solid 1px #cccccc;
    padding:15px;
    background:#333333;
}

.infobox h2 {
    color:#ffffff;
    font-size:16px;
    margin:0px 0px 10px 0px;
    font-weight:normal;
    text-shadow: 0px 0px 2px #000000;
}

.shadow {
    text-shadow: 0px 0px 2px #000000;
}

.infobox p {
    display:block;
    margin:10px 0px;
}

.rinfobox {
    width:400px;
    float:right;
    font-size:13px;
    margin-bottom:10px;
    border: solid 1px #666666;
    padding:0px;
    background:#333333;
    overflow:hidden;
}

.rinfobox h2 {
    color:#ffffff;
    font-size:13px;
    margin:0px 0px;
    font-weight:bold;
    text-shadow: 0px 0px 2px #000000;
    padding:3px 15px 3px 17px;
    background:#666666 url(/static/images/toggler.png) no-repeat 1px 0px;
    -moz-user-select: none;
    -khtml-user-select: none;
    user-select: none;
    cursor:pointer;
}

.rinfobox h2.up {
    background-position:1px -24px;    
}

.rinfobox p {
    display:block;
    margin:8px 0px;
}

.rinfobox ul {
    margin:4px 0px 4px 0px!important;
}

.rinfobox .inner {
    padding:10px 15px;
}

td p {
    display:inline;
}
textarea {
    font-size:12px;
}

.pcheckbox {
    display:inline-block;
    padding:0px 5px 0px 2px;
    line-height:20px;
}

input.text, select, textarea {
    margin:3px;
    padding:4px;
    border: solid 1px #937950;
    background-color:#ffffff;
    display:inline-block;
    width:150px;
}


#serv_ver {
    color:#333 !important;
}

#serv_ver option {
    color:#333 !important
}

input.required, textarea.required
{
    border: solid 1px #dd3333;
}


input.buttoninactive {
	padding:5px 20px;
	color:#999999; 
	margin:15px 5px 15px 5px; 
	display:inline-block;
	font-size:12px;
	line-height:14px;
	background-color:#666666;
	border:solid 1px #999999;
}

input.button{
    font-size:13px;
    line-height:30px;
    color:#FFD100;
    height:30px;
    background:url('/static/images/button_top.gif') no-repeat top center;
    padding:0px 10px;
    margin:10px;
    cursor:pointer;
    overflow:hidden;
    border:solid 1px #111111;
}

input.button:hover {
    border:solid 1px #FFD100;
}

.button_big {
    width:430px;
    height:74px;
    background:url('/static/images/button_big.gif') no-repeat bottom left;
    padding:0px 10px 0px 10px;
    margin:10px;
    cursor:pointer;
    overflow:hidden;
    border:solid 1px #111111;
    text-shadow: 0px 0px 2px #000000;
}

.exp_1 {
    background:url('/static/images/button_big_1.gif') no-repeat bottom left;
}
.exp_2 {
    background:url('/static/images/button_big_2.gif') no-repeat bottom left;
}
.exp_3 {
    background:url('/static/images/button_big_3.gif') no-repeat bottom left;
}
.exp_4 {
    background:url('/static/images/button_big_4.gif') no-repeat bottom left;
}

.button_medium{
    width:295px;
    height:40px;
    background:url('/static/images/button_medium.gif') no-repeat bottom left;
    padding:0px 10px 0px 5px;
    margin:10px;
    cursor:pointer;
    overflow:hidden;
    border:solid 1px #111111;
    text-shadow: 0px 0px 2px #000000;
}

.button_medium:hover, .button_big:hover {
    background-position:top left;
}

.button_small{
    height:18px;
    background:url('/static/images/button_small.gif') no-repeat bottom left;
    overflow:hidden;
    cursor:pointer;
    padding:2px 5px;
    margin:2px;
    border:solid 1px #111111;
    white-space:nowrap;
    text-shadow: -1px -1px 1px #000000;
}

.button_small:hover {
    background-position:top left;
}

.selected {
    background-position:top left;
    border:solid 1px #FFD100;
}

/* Server button on index */
.server {
    margin:8px 0px 10px 15px !important;
}
div.server.users {
    margin-top:20px !important;
    border:solid 1px #103050 !important;
}

div.server .fb {
    display:inline-block;
    padding:3px 0px 0px 10px;
    float:right;
    text-align:right;
    clear:right;
    width:80px;
}

div.server p.name {
    color:#FFD100;
    font-size:24px;
    padding-left:10px;
    text-shadow: 1px 1px 2px #000000;
    margin-top:14px;
    white-space:nowrap;
}

div.server p.blike {
    //font-size:24px;
}

div.server p.www {
    padding-left:10px;
    
}

div.server p.ver {
    padding-left:10px;
    
}

div.server p.mod {
    padding-left:10px;
    color:#00d8ff;
}

div.server div.score {
    float:right;
    text-align:right;
    margin:20px 2px 0 0;
    
}

p.score_0, p.score_1, p.score_2, p.score_3, p.score_4   
{
    display:inline;
}
.score_0, .bscore_0 {
    color:#00cc00;
}

.score_1, .bscore_1 {
    color:#cccc00;
    display:inline;
}

.score_2, .bscore_2 {
    color:#cc0000;
    display:inline;
}

.score_3, .bscore_3 {
    color:#eeeeee;
    display:inline;
}

.bscore_0, .bscore_1, .bscore_2, .bscore_3 {
    display:inline-block !important;
    margin:4px 0px !important;
    padding:0px 0px 0px 18px;
    width:32px;
}

.bscore_0 {
    background:url('/static/images/icon_0.gif') no-repeat center left;
}
.bscore_1 {
    background:url('/static/images/icon_1.gif') no-repeat center left;
}

.bscore_2 {
    background:url('/static/images/icon_2.gif') no-repeat center left;
}

.bscore_3 {
    background:url('/static/images/icon_3.gif') no-repeat center left;
}

.score_4 {
    color:#00d8ff;
    display:inline;
}

div.zone {
    display:inline-block;
    float:left;
    color:#FFD100;
    font-size:18px;
}

div.subzone {
    color:#FFD100;
    display:inline-block;
    float:left;
}

ul li {
    margin-left:15px;
    list-style-type: square;
    padding-left:5px;
}

ol li {
    margin-left:19px;
    list-style-type: decimal;
    padding-left:5px;
}

div.separator {
    clear:left;
    border-bottom:solid 1px #333333;
    padding-top:10px;
    margin:0px 160px 10px 120px;
}

#quest_list
{

}

.qleft
{
    float:left;
    width:270px;
}

.qdetails
{
    float:right;
    clear:right;
    width:250px;
    border:solid 1px #666666;
    background:#222222;
    margin:10px 0px 10px 10px;
    padding:4px 0px;
}

.qdetails td {
    padding:0px 3px;
    line-height:18px;
}

.qdetails td hr{
    margin:3px 0px;
}

.zone_sel{
    width:245px;
    background:#333333;
    overflow:hidden;
    padding:2px 5px;
    margin:5px 2px 2px 2px;
    border:solid 1px #666666;
    color: #FFD100;
    font-size:14px;
}

.sideicon {
    width:15px;
    display:inline-block;
}

.side_0 {
    background:url('/static/images/ally.gif') no-repeat center center;
}

.side_1 {
    background:url('/static/images/horde.gif') no-repeat center center;
}

hr {
    background-color:#666666;
    height:1px;
    border:none;
}

.hrl {
    background-color:#cccccc;
    height:1px;
    border:none;
    margin:2px 0px;
}

.comment_edits {
    color:#666666;
    font-size:11px;
}

#addcomment
{
    border:solid 1px #666666;
    background:#222222;
    margin:10px 0px;
    display:none;
}

#addcomment_show
{
    position:absolute;
    border:solid 1px #666666;
    background:#222222;
}

#addcomment h2, #addcomment_show h2
{
    margin:5px;
    color:#00d8ff;
    font-size:12px;
}

.bluesep {
    clear:both;
    border-bottom:solid 1px #00d8ff;
    padding-top:5px;
    margin-bottom:5px;
}

.vote
{
    border:solid 1px #cccccc;
    margin:10px 0px;
    clear:both;
}

.vote p {
    margin:2px 0px;
    display:inline-block;
}

.vote .vote_top {
    padding:1px 10px;
}

.lowrate {
    color:#666666;
}

.filter {
    width:250px;
    background:#333333;
    overflow:hidden;
    padding:2px 5px;
    margin:2px;
    border:solid 1px #cccccc;
    margin-bottom:10px;
}

.hidden {
    display:none;
}

.vote .score {
    width:200px;
    float:right;
    text-align:right;
    vertical-allign:top;
    height:18px;
}

.vote_top .score span {
    display:inline-block;
    vertical-allign:middle;
    float:right;
}

.qtip-tip {
    display:none;
}

.qtip-wrapper {
    background:#444444;
    color:#FFD100;
    border:solid 1px #cccccc;
    -webkit-border-radius: 3px; /* Safari, Chrome */
    -khtml-border-radius: 3px;    /* Konqueror */
    -moz-border-radius: 3px; /* Firefox */
    border-radius: 3px;
    box-shadow: 10px 10px 3px #000000;
    -moz-box-shadow:3px 3px 3px #000000;
    -webkit-box-shadow:3px 3px 3px #000000;
}

.icon_searchplug {
    background:url('/static/images/searchplug.png') no-repeat center left;
    padding-left:20px;
    line-height:22px;
    display:inline-block;
}


.icon_user, .icon_vote, .icon_server, .icon_download {
    color:inherit;
    font-size:inherit;    
    padding-left:22px;
    line-height:18px;
    display:inline-block;
    white-space:nowrap;
}

.icon_user {
    background:url('/static/images/icon_user.png') no-repeat center left;
}

.icon_server {
    background:url('/static/images/icon_server.png') no-repeat center left;
    padding-left:18px;
}

.icon_vote {
    background:url('/static/images/icon_vote.png') no-repeat center left;
}

.icon_download {
    background:url('/static/images/download.png') no-repeat center left;
    line-height:22px;
    padding-left:20px;
}

.licon_0 {
    background:url('/static/images/icon_q.png') no-repeat center left;
}

.licon_1 {
    background:url('/static/images/icon_achi.png') no-repeat center left;
}

.licon_2 {
    background:url('/static/images/icon_inst.png') no-repeat center left;
}

.licon_3 {
    background:url('/static/images/icon_skill.png') no-repeat center left;
}

.licon_4 {
    background:url('/static/images/icon_talent.png') no-repeat center left;
}

.licon_5 {
    background:url('/static/images/icon_glyph.png') no-repeat center left;
}

.atype_0 {
    background:url('/static/images/icon_q_small.png') no-repeat center left;
    padding-left:16px;
}

.atype_1 {
    background:url('/static/images/icon_achi_small.png') no-repeat center left;
    padding-left:16px;
}

.atype_2 {
    background:url('/static/images/icon_inst_small.png') no-repeat center left;
    padding-left:16px;
}
.atype_3 {
    background:url('/static/images/icon_skill_small.png') no-repeat center left;
    padding-left:16px;
}
.atype_4 {
    background:url('/static/images/icon_talent_small.png') no-repeat center left;
    padding-left:16px;
}
.atype_5 {
    background:url('/static/images/icon_glyph_small.png') no-repeat center left;
    padding-left:16px;
}

p.cat_name_0, p.cat_name_1, p.cat_name_2, p.cat_name_3 
{
    vertical-align:middle;
    height:40px;
    line-height:40px;
    display:inline-block;
    padding-left:30px;
}

.inline {
    display:inline !important;
}

p.cat_name_0
{
    background:url('/static/images/icon_q.png') no-repeat center left;
}

p.cat_name_1
{
    background:url('/static/images/icon_achi.png') no-repeat center left;
}

p.cat_name_3
{
    background:url('/static/images/icon_skill.png') no-repeat center left;
}

p.cat_name_2
{
    background:url('/static/images/icon_inst.png') no-repeat center left;
}

p.uname, .uname, .ulevel_0 {
        color:#aaffff !important;
        display:inline !important;
        margin:0px;
}

p.uname_staff, .uname_staff, .ulevel_3 {
        color:#ff8000 !important;
        display:inline !important;
        margin:0px;
}

p.uname_own, .uname_own, .ulevel_2 {
        color:#00d8ff !important;
        display:inline !important;
        margin:0px;
        font-weight:bold;
}

p.uname_mod, .uname_mod, .ulevel_1 {
        color:#00d8ff !important;
        display:inline !important;
        margin:0px;
}

.rbox {
    float:right;
    width:282px;
}

hr.blue {
    background-color:#103050;
}

.servvote
{
    margin:10px 20px;
}

.servvote p {
    margin:2px;
    display:inline-block;
}

p.serv_comment {
    display:inline-block;
    margin-left:120px;
}

.sresult {
    padding:5px 5px 5px 35px;
    cursor:pointer;
    width:605px;
    background-color:#000000;
}

.sresult:hover {
    cursor:pointer;
    background-color:#222222;
}

.smallhead {
    margin:20px 10px 10px 10px;
    color:#ffffff;
    background-color:#333333;
    padding:4px 8px;
    font-weight:bold;
    text-shadow: 0px 0px 2px #000000;
    width:629px;
}

.toggle {
    cursor:pointer;
    -moz-user-select: none;
    -khtml-user-select: none;
    user-select: none;
    background:#333 url(/static/images/toggler.png) no-repeat 1px 1px; 
    padding-left:17px;
}

.smallhead.up {
    background-position:1px -23px;
}

.full {
    width:920px;
}

.smallh2 {
    font-weight:normal;
    font-size:13px;
    display:inline;
    padding:0px;
    margin:0px;
}

.usertable {
    border-left:solid 1px #666;
    border-bottom:solid 1px #666;
    border-collapse:collapse;
}

.usertable td{
    padding:6px 8px;
    border-right:solid 1px #666;
}

.usertable tr.odd{
    background:#191919;
}

.usertable .alt{
    background:#222222;
}
.usertable th{
    padding:6px 6px;
    border:solid 1px #666;
    background:#333333;
}

.usertable th.header{
    text-decoration:none;
}

.usertable th.headerSortUp{
    text-decoration:underline;
    background:#444444;
}

.usertable th.headerSortDown{
    text-decoration:underline;
    background:#444444;
}
a.clear {
    color:#ffffff;
    cursor:pointer;
    text-decoration:none;
    border-style:none;
}

a.clear:hover {
    text-decoration:none !important;
    border-style:none;
}

/* scorebar */
.scorebar {
    width:120px !important;
    height:15px !important;
    background:#000;
    padding:0px !important;
    overflow:hidden;
    white-space:nowrap;
    display:inline-block;
    margin:1px 0 7px 0px;
    -moz-box-shadow: 0px 0px 4px #000;
    -webkit-box-shadow: 0px 0px 4px #000;
    box-shadow: 0px 0px 4px #000;
}

.scorebar .overlay{
    background:url('/static/images/scorebar.png') no-repeat top left;
    position:absolute;
    width:120px;
    height:15px;
}

.scorebar .s0, .scorebar .s1, .scorebar .s2, .scorebar .s3 {
    display:inline-block;
    margin:0px;
    padding:0px;
    height:15px;
}
.scorebar .s0 {
    background:#00cc00;
}

.scorebar .s1 {
    background:#cccc00;
}

.scorebar .s2 {
    background:#cc0000;
}

.scorebar .s3 {
    background:#eeeeee;
}

/* blog */
.blogpost
{
    margin:30px;
    padding:20px;
    border:solid 1px #cccccc;
    background:#333333;
}

.blogpost .time{
    margin-bottom:15px;
}

.blogpost .comments {
    background:#666666;
    padding:4px 8px;
}

.blogpost #show_container {
    float:right;
    text-align:right;
}

/* top menu */
#right_logo {
    float:right;
    width:450px;
    height:109px;
    text-align:right;
    background:url('/static/images/addon.png') no-repeat bottom left;
}

#topmenu {
    float:right;
    clear:right;
    height:50px;
    text-align:right;
    padding-right:12px;
}
#topmenu .button {
    display:inline-block;
    width:120px;
    height:30px;
    background:url('/static/images/button_top.gif') no-repeat bottom left;
    padding:0px;
    margin:10px 0px 0px 5px;
    cursor:pointer;
    overflow:hidden;
    border:solid 1px #111111;
    text-shadow: 0px 0px 2px #000000;
    -moz-box-shadow: 1px 1px 3px #000;
    -webkit-box-shadow: 1px 1px 3px #000;
    box-shadow: 1px 1px 3px #000;
    text-align:center;
    line-height:30px;
    color:#FFD100;
    font-weight:bold;
    vertical-align:middle;
}

#topmenu .spec {
    background:url('/static/images/button_top_spec.gif') no-repeat bottom left;
    
}

#topmenu .spec:hover {
    background-position:top left;
}
#topmenu .button:hover {
    background-position:top left;
}

/* addon button */
#addon {
    float:right;
    width:170px;
    height:100px;
    text-align:right;
    position:relative;
    left:33px;
    cursor:pointer;
}

.report_error {
    float:right;
    line-height:20px;          
}

.catc_1 {color:#C69B6D!important;}
.catc_2 {color:#F48CBA!important;}
.catc_3 {color:#AAD372!important;}
.catc_4 {color:#FFF468!important;}
.catc_5 {color:#FFF!important;}
.catc_6 {color:#C41E3B!important;}
.catc_7 {color:#2359FF!important;}
.catc_8 {color:#68CCEF!important;}
.catc_9 {color:#9382C9!important;}
.catc_11 {color:#FF7C0A!important;}

#bcsearch {
    display:inline-block;
    float:right;
}

#bcsearch #search {
    width:150px;
    margin-top:1px;
    padding:2px 22px 2px 2px;
    line-height:16px;
    height:16px;
    color:#cccccc;
    border:solid 1px #666666;
    background:#222222 url('/static/images/icon_search.gif') no-repeat center right;
    -webkit-border-radius: 3px; /* Safari, Chrome */
    -khtml-border-radius: 3px;    /* Konqueror */
    -moz-border-radius: 3px; /* Firefox */
    border-radius: 3px;
}

.index_head {
    padding:5px 20px;
    color:#ffffff;
    font-size:14px;
}

.filterbox form{
    display:inline;
}

.filters {
    margin:0 20px;
}

.filters li {
    line-height:20px;
}

.votescore_-3,.votescore_-2,.votescore_-1,.votescore_0,.votescore_1,.votescore_2,.votescore_3 {
    margin:2px 4px 0 0;
    background:#444444;
    display:inline-block;
    width:16px;
    height:16px;
    line-height:16px;
    padding:0px;
    text-align:center;
    font-weight:bold;
    font-size:12px;
    -webkit-border-radius: 3px; /* Safari, Chrome */
    -khtml-border-radius: 3px;    /* Konqueror */
    -moz-border-radius: 3px; /* Firefox */
    border-radius: 3px;
} 

.votescore_-3,.votescore_-2,.votescore_-1 {
    color:#dd0000;
}

.votescore_1,.votescore_2,.votescore_3 {
    color:#00dd00;
}

#shoutbox input {
    margin:2px;
    padding:1px 2px;
    color: #333333;
    border: solid 1px #937950;
    background-color:#ffffff;
    display:inline-block;
    width:270px;
    font-size:11px;
    line-height:12px;
}

#shoutbox #shouts {
    background:#222222;
    height:190px;
    overflow:auto;
    padding:5px;
    font-size:11px;
    scrollbar-face-color: #333 !important;
    scrollbar-shadow-color: #333 !important;
    scrollbar-highlight-color: #333 !important;
    scrollbar-3dlight-color: #666 !important;
    scrollbar-darkshadow-color: #000 !important;
    scrollbar-track-color: #222 !important;
    scrollbar-arrow-color: #666 !important;
}

#shoutbox #loader {
    width:16px;
    height:16px;
    position:relative;
    left:4px;
    top:4px;
    background:url(/static/images/loader_2.gif) no-repeat center center;
}

#shoutbox #shouts .date {
    color:#999;
}

#shoutbox #shouts .shout_body {
    border-bottom:solid 1px #333;
}

.abox_index {
    float:right;
    clear:right;
    margin:10px 2px 5px 0;
}

.abox {
    position:relative;
    left:10px;
    width:0px;
    height:0px;
    float:right;
    overflow:visible;
}

.abox .a{
    position:absolute;
    width:auto;
    background:#000;
}
    
.topad {
    text-align:center;
}

.boss_skills {
    clear:both;
    padding-bottom:20px;
}
.boss_skills h4 {
    margin:3px 0px;
}
.boss_skills div {
    vertical-align:top;
    text-align:left;
    display:inline-block;
    width:155px;
    padding-right:5px;

}

.qicon {
    float:left;
    margin:0 10px 10px 0;
    border:solid 1px #666;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow:  0px 0px 3px #000;
    -webkit-box-shadow:  0px 0px 3px #000;
    box-shadow:  0px 0px 3px #000;
}

.qicon_small {
    float:left;
    margin:0 10px 0px 0;
    border:solid 1px #666;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow:  0px 0px 2px #000;
    -webkit-box-shadow:  0px 0px 2px #000;
    box-shadow:  0px 0px 2px #000;
}

.moneyg {
    padding-right: 15px;
    background: url(/static/images/money-gold.gif) center right no-repeat;
}

.moneys {
    padding-right: 15px;
    background: url(/static/images/money-silver.gif) center right no-repeat;
}

.moneyc {
    padding-right: 15px;
    background: url(/static/images/money-copper.gif) center right no-repeat;
}

.rate_reminder {
    float:left;
    overflow:visible;
    width:1px;
    height:1px;
    position:relative;
    top:-45px;
    left:-80px;
}


.start_icon {
    padding-left: 15px;
    background: url(/static/images/quest_start.gif) center left no-repeat;
}

.end_icon {
    padding-left: 15px;
    background: url(/static/images/quest_end.gif) center left no-repeat;
}

.qselected {
    font-weight:bold;
}

#donate_box {
    margin-top:15px;
}

#donate_options {
    display:none;
    overflow: hidden;
    padding:5px 0px;
}

#donate_options img {
    width:180px;
    height:90px;
    margin:0px 15px 10px 0px;
}

#support_serverlist #donate_box {
    margin:10px 0px;
    clear:right;
}
#support_serverlist #donate_toggle {
    display:block;
    padding:20px 0px 10px 0px;
    text-align: center;
    margin-top:15px;
}
#support_serverlist #donate_options img {
    width:256px;
    height:128px;
}

/* datatables */
.DataTables_sort_wrapper {
    white-space: nowrap;
    position: relative;
}
.DataTables_sort_icon {
    position: absolute;
    right:0px;
    top:0px;
}
.dataTables_paginate .ui-state-default {
    color:#eee !important;
}
.dataTables_paginate .ui-state-disabled {
    color:#999 !important;
}

tr.even {
    background: #333 !important;
}

tr.even .sorting_1 {
    background: #666 !important;
}

tr.odd .sorting_1 {
    background: #333 !important;
}

/* site admin */
.site-admin {
    font-size:13px;
}

.site-admin-nav {
    border-bottom:solid 1px #103050;
    margin-bottom:12px;
    padding-bottom:8px;
}

.site-admin-nav a {
    display:inline-block;
    margin-right:8px;
    padding:5px 9px;
    background:#222222;
    border:solid 1px #444444;
}

.site-admin-nav a.selected {
    color:#ffffff;
    border-color:#FFD100;
}

.site-admin-panel {
    background:#111111;
    border:solid 1px #333333;
    padding:12px;
    margin-bottom:12px;
}

.site-admin-panel h2 {
    color:#ffffff;
    font-size:18px;
    font-weight:normal;
    margin-bottom:10px;
}

.site-admin-heading-row {
    display:flex;
    align-items:center;
    justify-content:space-between;
}

.site-admin-table {
    width:100%;
    border:solid 1px #333333;
    margin-top:10px;
}

.site-admin-table th,
.site-admin-table td {
    padding:7px;
    border-bottom:solid 1px #222222;
    text-align:left;
}

.site-admin-table th {
    color:#ffffff;
    background:#333333;
}

.site-admin-table tr:nth-child(odd) td {
    background:#171717;
}

.site-admin-good {
    color:#8fd18f;
}

.site-admin-warn,
.site-admin-danger-link {
    color:#ff9a8f;
}

.site-admin-search input.text {
    width:260px;
}

.site-admin-form input.text,
.site-admin-form select,
.site-admin-form textarea {
    color:#000000;
    background:#ffffff;
}

.site-admin-form option {
    color:#000000;
    background:#ffffff;
}

.site-admin-field {
    margin:8px 0px;
}

.site-admin-field label {
    display:block;
    margin-bottom:3px;
    color:#ffffff;
}

.site-admin-title-input {
    width:520px !important;
}

.site-admin-body-input {
    width:820px;
    min-height:170px;
}

.site-admin-code-input {
    width:820px;
    min-height:220px;
    color:#000000;
    background:#ffffff;
    font-family:Consolas, monospace;
    font-size:12px;
}

.site-admin-output {
    color:#eeeeee;
    background:#222222;
    border:solid 1px #333333;
    padding:10px;
    max-height:260px;
    overflow:auto;
}

.site-admin-translation {
    border:solid 1px #333333;
    background:#191919;
    padding:10px;
    margin:10px 0px;
}

.site-admin-actions {
    margin-top:10px;
}

.site-admin-actions a {
    margin-left:10px;
}

.site-admin-pagination {
    margin-top:12px;
    text-align:center;
}

.site-admin-pagination span {
    margin:0px 10px;
}

.load_more_servers {
    clear:left;
    margin:12px 0px 0px 17px;
    width:430px;
    text-align:center;
}

.load_more_servers a {
    display:block;
    padding:8px;
    background:#222222;
    border:solid 1px #444444;
}

.load_more_servers a:hover {
    border-color:#FFD100;
    text-decoration:none;
}