@charset "UTF-8";

/* General settings */
html, body {
    width:              100%;
}
html {
    font-size:          100%;
}
body {
    font-size:          0.75em;
    font-family:        verdana;
    margin:             0em;
    padding:            0em;
    background-color:   #3d3227;
}
.clear {
    clear:              both;
}





/* Main Containers */
div#main_container {
    width:              87.5em;
    margin-left:        auto;
    margin-right:       auto;
}
div#head {
    width:              87.333em;
    height:             8em;
    margin-top:         0.167em;
    background-color:   #cba987;
    border-style:       solid;
    border-width:       0.083em;
    border-color:       #000000;
    background-image:   url('../images/main_head.jpg');
}
div#body {
    width:              87.333em;
    margin-top:         0.167em;
    background-color:   #cba987;
    border-style:       solid;
    border-width:       0.083em;
    border-color:       #000000;
    padding-top:        1em;
}
div#foot {
    width:              116.444em;
    margin-top:         0.222em;
    background-color:   #cba987;
    border-style:       solid;
    border-width:       0.083em;
    border-color:       #000000;
    text-align:         center;
    font-size:          0.75em;
    padding-top:        0.222em;
    padding-bottom:     0.222em;
}








/* Left/Middle/Right Containers */
div#left_content {
    width:              14em;
    float:              left;
}
div#right_content {
    width:              14em;
    float:              right;
}
div#middle_content {
    width:              53.917em;
    float:              left;
}






/* Menu classes */
div.left_menu_outer {
    width:              14em;
    margin-bottom:      1em;
    margin-left:        -0.083em;
    background-color:   #3d3227;
    border-style:       solid;
    border-width:       0.083em 0.083em 0.083em 0em;
    border-color:       #000000;
}
div.left_menu_inner {
    width:              13.167em;
    margin-top:         0.167em;
    margin-bottom:      0.167em;
    background-color:   #cba987;
    border-style:       solid;
    border-width:       0.083em;
    border-color:       #000000;
    padding:            0.25em;
}
div.left_menu_title {
    margin-bottom:      0.25em;
    padding-left:       0.5em;
    font-size:          1.083em;
    font-weight:        bold;
}
div.right_menu_outer {
    width:              14em;
    margin-bottom:      1em;
    background-color:   #3d3227;
    border-style:       solid;
    border-width:       0.083em 0em 0.083em 0.083em;
    border-color:       #000000;
}
div.right_menu_inner {
    width:              13.167em;
    margin-top:         0.167em;
    margin-bottom:      0.167em;
    margin-left:        0.167em;
    background-color:   #cba987;
    border-style:       solid;
    border-width:       0.083em;
    border-color:       #000000;
    padding:            0.25em;
}
div.right_menu_inner_ad {
    width:              13.667em;
    margin-top:         0.167em;
    margin-bottom:      0.167em;
    margin-left:        0.167em;
    background-color:   #cba987;
    border-style:       solid;
    border-width:       0.083em;
    border-color:       #000000;
    padding:            0.15em 0em 0.15em 0em;
}
div.right_menu_title {
    margin-bottom:      0.25em;
    padding-right:      0.5em;
    font-size:          1.083em;
    font-weight:        bold;
    text-align:         right;
}
div.menu_lightinner {
    background-color:   #fbd9b7;
}





/* Menu links */
a.menu:link, a.menu:visited {
    width:              12.833em;
    display:            block;
    padding:            0.167em;
    color:              #3d3227;
    text-decoration:    none;
}
a.menu:hover {
    background-color:   #dbb997;
}







/* Content */
div.content_title {
    width:              52.917em;
    margin:             0em 3em 0.25em 3em;
    padding-left:       0.5em;
    font-size:          1.083em;
    font-weight:        bold;
}
div.content_outer {
    width:              53.25em;
    margin:             0em 3em 2em 3em;
    background-color:   #3d3227;
    border-style:       solid;
    border-width:       0.083em;
    border-color:       #000000;
}
div.content_inner {
    width:              51.75em; 
    margin:             0.167em;
    padding:            0.5em;
    background-color:   #fbd9b7;
    border-style:       solid;
    border-width:       0.083em;
    border-color:       #000000;
}
div.content_text {
    position:           relative;
    font-size:          0.917em;
}
span.content_title_date
{
    font-size:          0.833em;
    font-weight:        normal;
}
div.content_text_leftfloat {
    float:              left;
    margin-right:       1em;
}
div.fright {
    float:              right;
}
div.header {
    background-color:   #cba987;
    padding:            0.3em;
}
div.calign {
    text-align:         center;
}
div.ralign {
    text-align:         center;
}

img.noborder {
    border:             0px;
}

/* Links */
a:link, a:visited {
    color:              #3d3227;  
}
a:hover {
    color:              #5d5247;
    text-decoration:    none;
}



/* Map Tool */
img.map_image {
    border-width:       0em;
}
div#map_image {
    border-style:       solid;
    border-width:       0.091em;
    border-color:       #000000;
}
div.sbdb_marker {
    position:           absolute;
    width:              0.818em;
    height:             0.818em;
    z-index:            10;
}
input.marker_output {
    font-family:        verdana;
    font-size:          0.917em;
    width:              50em;
    margin-top:         0.455em;
}
div.sbdb_tooltip {
    position:           absolute;
    font-size:          0.917em;
    background-color:   #eeeeee;
    border-style:       solid;
    border-width:       0.091em;
    border-color:       #000000;
    padding:            0.273em;
    z-index:            9999;
}
div.sbdb_patrolmap {
    position:           absolute;
    top:                0px;
    left:               0px;
    z-index:            2;
}


/* Search */
a.npc_search0 {
    background-color:   #dbb997;
    display:            block;
    padding:            0.2em 0em 0.2em 0em;
}
a.npc_search1 {
    background-color:   #fbd9b7;
    display:            block;
    padding:            0.2em 0em 0.2em 0em;
}
img.icon_s {
    width:              1.455em;
    height:             1.455em;
    border:             0.091em;
    border-style:       solid;
    border-color:       #000000;
    margin-right:       0.182em;
    margin-top:         0.091em;
    margin-bottom:      0.091em;
    vertical-align:     middle;
}


/* Items */
div.item_outer {
    width:              56.273em;
    border-width:       0.091em;
    border-style:       solid;
    border-color:       #000000;
    background-color:   #4d4237;
    margin:             1em 0em 1.5em 0em;
}
div.item_head {
    background-color:   #bababa;
    font-size:          1.273em;
    border-width:       0em 0em 0.071em 0em;
    border-style:       solid;
    border-color:       #ffffff;
    padding:            0.3em;
    height:             1.25em;
}
div.item_body {
    background-color:   #4d4237;
    color:              #cccccc;
}
a.item_body:link, a.item_body:visited {
    color:              #b0b0b0;
}
a.item_body:hover {
    color:              #ffffff;
}
div.item_name {
    float:              left;
    font-weight:        bold;
}
div.item_level {
    float:              right;
}
div.item_icon {
    position:           relative;
    background-color:   #c0c0c0;
    margin:             0.4em 0.25em 0.25em 0.4em;
    width:              3.091em;
    height:             3.091em;
    float:              left;
}
div.item_icon2 {
    display:            inline-block;
    margin-top:         0.5em;
    position:           relative;
    background-color:   #c0c0c0;
    width:              3.091em;
    height:             3.091em;
}
div.item_icon_broken {
    background-color:   #aa3333;
}
div.item_price {
    float:              right;
    width:              10em;
    padding:            0.25em;
}
div.item_search {
    padding:            0.75em;
    float:              left;
    width:              30em;
}
div.item_comments {
    float:              left;
    width:              53.6em;
    margin:             -0.25em 0em 0em 1em;
    padding:            0.25em;
}
div.item_comments_num {
    float:              right;
}
div.item_rarity0 {
    background-color:   #bababa;
}
div.item_rarity1 {
    background-color:   #dddd90;
}
div.item_rarity2 {
    background-color:   #bababa;
}
div.item_rarity3 {
    background-color:   #66cc44;
}
div.item_rarity4 {
    background-color:   #dd8866;
}
div.item_extras {
    background-color:   #cba987;
    color:              #000000;
    border-width:       0.071em;
    border-style:       solid;
    border-color:       #000000;
    float:              left;
    width:              53.6em;
    margin:             1em;
    padding:            0.25em;
}
div.item_recipe {
    margin:             0.5em 0.25em 0.25em 0.4em;
}
div.item_slot_1, div.item_slot_2, div.item_slot_3, div.item_slot_4, div.item_slot_5, div.item_slot_6, div.item_slot_7, div.item_slot_8, div.item_slot_9 {
    float:              left;
    width:              3.636em;
    height:             2.436em;
    text-align:         center;
    padding-top:        1.2em;
    margin:             0.5em;
}
div.item_slot_1 {
    background-image:   url('../images/slot_1.png');
}
div.item_slot_2 {
    background-image:   url('../images/slot_2.png');
}
div.item_slot_3 {
    background-image:   url('../images/slot_3.png');
}
div.item_slot_4 {
    background-image:   url('../images/slot_4.png');
}
div.item_slot_5 {
    background-image:   url('../images/slot_5.png');
}
div.item_slot_6 {
    background-image:   url('../images/slot_6.png');
}
div.item_slot_7 {
    background-image:   url('../images/slot_7.png');
}
div.item_slot_8 {
    background-image:   url('../images/slot_8.png');
}

img.item_icon {
    border-width:       0.071em;
    border-style:       solid;
    border-color:       #000000;
}
img.item_icon_overlay {
    position:           absolute;
    top:                0em;
    left:               0em;
    border-width:       0.071em;
    border-style:       solid;
    border-color:       #000000;
}
img.item_icon_small {
    background-color:   #c0c0c0;
    border-width:       0.071em;
    border-style:       solid;
    border-color:       #000000;
    vertical-align:     middle;
}



/* Tables */
table.quests {
    width:              100%;
    border:             0px;
    border-collapse:    collapse
}
table.quest {
    margin:             1em auto 1em auto;
    width:              35em;
    border:             0px;
    border-collapse:    collapse
}

td {
    border-width:       1px;
    border-style:       solid;
    border-color:       #000000;
    padding:            0.2em;
}
td.header {
    background-color:   #cba987;
    font-weight:        bold;
    padding:            0.3em;
}
td.ralign {
    text-align:         right;
}
td.calign {
    text-align:         center;
}
td.rpadding {
    padding-right:      0.5em;
}
td.big {
    font-size:          1.25em;
}
td.vtop {
    vertical-align:     top;
}

span.normal {
    font-weight:        normal;
    font-size:          0.8em;
}


/* Checklist */
.checklist {
    background-color:   #cba987;
    border-style:       solid;
    border-color:       #505050;
    border-width:       0.083em;
    list-style:         none;
    overflow:           auto;
}
.checklist {
    margin:             0.25em 0em 0em 0em;
    padding:            0.167em;
}
.checklist li {
    margin:             0em;
    padding:            0em;
}
.checklist label {
    display:            block;
    padding:            0 0.083em 0 0
}
.checklist label:hover {
    background:         #ddd;
}
ul.hidden {
    display:            none;
}


/* Lists */
ul.small {
    margin:             0em;
    padding-left:       1.5em;
}
ul {
    margin:             0em;
    padding-left:       2em;
}

/* General input */
input {
    font-family:        verdana;
    font-size:          0.917em;
}
select {
    font-family:        verdana;
    font-size:          0.917em;
}


/* General float-clearer */
br.clear {
	clear:              both;
	line-height:        1px;
	font-size:          1px;
	height:             1px;
}


code {
    font-size:          11px;
}