/* Unified WoW CSS */

/* Page */
body {
margin: 0 0 95px 0;
text-align: left;
font-family: Arial, Helvetica, Verdana, sans-serif;
background: black;
color: white;
font-size: 10pt;
}
.access {
display: none;
}
.elcorner {
padding: 0.3em 0 0.6em 0;
margin: 0;
background-position: 5px 0;
background-repeat: no-repeat;
background-image: url("/images/el_corner.jpg");
}

/* Banner */
h1 {
text-align: left;
width: 100%;
font-size: 11pt;
color: #d7b100;
font-weight: bold;
padding: 0.1em 0 0.3em 0;
margin: 0;
letter-spacing: 0.06em;
}
a.h1l:visited, a.h1l:active, a.h1l:link {
color: #ffd000;
text-decoration: none;
}
a.h1l:hover, a.h1l:focus {
color: #ffffff;
text-decoration: none;
}
.title {
color: #ffd000;
}
a.title:link, a.title:visited, a.title:active, a.title:hover, a.title:focus {
color: #ffd000;
text-decoration: none;
}
#banner {
background-image: url("/images/wow_banner.jpg");
background-position: bottom center;
background-repeat: repeat-x;
margin: 0;
padding: 0;
}
/* Banner: Search */
#banner div#search, #banner div#searchb {
text-align: right;
padding: 0;
margin: 0;
background: none;
font-size: 10pt;
}
#banner div#search form, #banner div#searchb form {
padding: 0 5px 5px 0;
margin: 0;
font-size: 10pt;
}
#banner div#search form #sa, #banner div#searchb form #sa {
font-size: 10pt;
background: #292929;
color: #d7b100;
padding: 0;
margin: 0;
font-weight: bold;
border: 1px solid #292929;
cursor: pointer;
font-family: Arial, Helvetica, Verdana, sans-serif;
}
#banner div#search form #sa:hover, #banner div#search form #sa:focus, #banner div#searchb form #sa:hover, #banner div#searchb form #sa:focus {
border-top: 1px solid #111111;
border-left: 1px solid #111111;
border-bottom: 1px solid #575757;
border-right: 1px solid #575757;
background: #191919;
color: white;
}
#banner div#search form #q, #banner div#searchb form #search {
font-size: 10pt;
border-bottom: 1px solid #d7b100;
border-top: 1px solid #292929;
border-left: none;
border-right: none;
background: #292929;
font-weight: normal;
color: #d7b100;
padding: 1px;
margin: 0;
font-family: Arial, Helvetica, Verdana, sans-serif;
}
#banner div#search form #q:hover, #banner div#search form #q:focus, #banner div#searchb form #search:hover, #banner div#searchb form #search:focus {
background: #494949;
border-bottom: 1px solid white;
border-top: 1px solid #494949;
color: white;
}

/* Footer */
#footer {
clear: both;
padding: 0.6em 0 0.6em 165px;
text-align: center;
font-size: 10pt;
}
#footer a:visited, #footer a:active, #footer a:link, #footer a:hover, #footer a:focus {
color: white;
text-decoration: underline;
}
#footer ul li {
display: inline;
margin: 0;
padding: 0 0.5em 0 0.5em;
}
a.rss {
padding-left: 16px;
background-position: left center;
background-repeat: no-repeat;
background-image: url("/images/rss_icon.png");
}
a.base_twitter {
padding-left: 16px;
background-position: left center;
background-repeat: no-repeat;
background-image: url("/images/twitter_icon.png");
}

/* Main Menu */
.ddmenu {
position: absolute;
left: 0;
top: 0;
visibility: hidden;
z-index: 100;
width: 180px;
background: #292929;
font-size: 10pt;
font-weight: bold;
color: #d7b100;
}
.ddmenu ul {
margin: 0;
padding: 0;
list-style-type: none;
}
.ddmenu ul li a {
width: 100%;
display: block;
text-indent: 0.5em;
padding: 0.3em 0;
text-decoration: none;
}
.menu {
clear: both;
font-size: 10pt;
font-weight: bold;
text-align: center;
color: #d7b100;
padding: 0.3em 0 0.3em 165px;
margin: 0;
border-top: 1px solid #575757;
border-bottom: 1px solid #575757;
background: #292929;
}
.menu ul {
margin: 0;
padding: 0;
}
.menu ul li {
display: inline;
padding: 0;
border-right: 1px solid #393939;
border-left: 1px solid #191919;
}
.menu a {
padding: 0.3em 0.5em 0.3em 0.5em;
}
.menu a:visited, .menu a:active, .ddmenu a:visited, .ddmenu a:active {
color: #d7b100;
text-decoration: none;
}
.menu a:link, .ddmenu a:link {
color: #ffd000;
text-decoration: none;
}
.menu a:hover, .menu a:focus, .selectedanchor, .ddmenu a:hover, .ddmenu a:focus {
color: #ffffff;
text-decoration: underline;
background: #191919;
}
.menu a.menunow {
background: #191919;
}
.menu .u {
text-decoration: underline;
}
.menu a.menuext:visited, .menu a.menuext:active, .menu a.menuext:link {
color: #777777;
}
.menu a.menuext:hover, .menu a.menuext:focus {
color: #ffffff;
}
.menu form {
display: inline;
padding: 0;
margin: 0;
}
.menu form select {
font-weight: normal;
color: white;
background: black;
border: 1px solid #575757;
font-size: 10pt;
}
.menu form input {
background: none;
color: #d7b100;
font-weight: bold;
border-top: 1px solid #575757;
border-left: 1px solid #575757;
border-bottom: 1px solid #111111;
border-right: 1px solid #111111;
font-size: 10pt;
}
/* Below Menu... */
.elcornertop {
background-position: 5px 100%;
background-repeat: no-repeat;
background-image: url("/images/el_corner_top.jpg");
border-bottom: none;
}

/* Submenu */
.submenublock {
margin: 0 10px 0 175px;
padding: 0;
}
.submenu {
font-size: 10pt;
font-weight: bold;
font-family: Arial, Helvetica, Verdana, sans-serif;
text-align: right;
margin: 0;
padding: 0.3em 0 0 0;
line-height: 1.5em;
}
.submenu ul {
margin: 0;
padding: 0;
}
.submenu ul li {
display: inline;
padding: 0.4em 0.3em 0.6em 0.3em;
margin: 0 5px 0 0;
color: #000000;
background: #e4d4b2;
}
.submenu ul li.submenunow {
background: #ebddc3;
}
.submenu a:visited, .submenu a:active {
color: #824141;
text-decoration: underline;
}
.submenu a:link {
color: #b44b4b;
text-decoration: underline;
}
.submenu a:hover, .submenu a:focus {
color: #ff0000;
text-decoration: underline;
}
.submenu ul li form {
font-size: 10pt;
font-family: Arial, Helvetica, Verdana, sans-serif;
display: inline;
padding: 0.4em 0 0.4em 0;
margin: 0;
}
.submenu form input, .submenu form select {
border: 1px solid #b7aa8f;
background-color: #eeeeee;
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: 10pt;
font-weight: normal;
padding: 1px;
margin: 0;
}
.submenu form input:hover, .submenu form input:focus, .submenu form select:hover, .submenu form select:focus {
border: 1px solid #824141;
background-color: #ffffff;
}
.submenu form input.button {
font-weight: bold;
background: none;
color: #824141;
border-top: 1px solid white;
border-left: 1px solid white;
border-bottom: 1px solid #824141;
border-right: 1px solid #824141;
vertical-align: middle;
cursor: pointer;
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: 10pt;
padding: 0 0.2em 0 0.2em;
margin: 0;
}
.submenu form input.button:hover, .content form input.button:focus {
color: #ffffff;
background-color: #824141;
border: 1px solid #824141;
}
/* Submenu: Left */
.submenuleft {
float: left;
background: none;
font-size: 10pt;
font-family: Arial, Helvetica, Verdana, sans-serif;
font-weight: bold;
text-align: left;
margin: 0;
padding: 0;
}
.submenuleft a:visited, .submenuleft a:active, .submenuleft a:link {
color: white;
text-decoration: underline;
}
.submenuleft a:hover, .submenuleft a:focus {
color: #dddddd;
text-decoration: underline;
}
.submenuleft ul {
margin: 0;
padding: 0;
}
.submenuleft ul li {
display: inline;
padding: 0;
margin: 0 0.3em 0 0;
color: white;
background: none;
border: none;
}
.submenuleft form {
font-size: 10pt;
font-family: Arial, Helvetica, Verdana, sans-serif;
display: inline;
padding: 0;
margin: 0;
}
.submenuleft form input, .submenuleft form select {
padding: 0;
font-weight: normal;
font-size: 10pt;
color: white;
font-family: Arial, Helvetica, Verdana, sans-serif;
background: black;
border: 1px solid #575757;
}
.submenuleft form input.button {
padding: 0 1px 0 1px;
border-bottom: 1px solid #292929;
border-right: 1px solid #292929;
border-left: 1px solid #575757;
border-top: 1px solid #575757;
cursor: pointer;
}
.submenuleft form input.button:hover, .submenuleft form input.button:focus {
border-bottom: 1px solid #575757;
border-right: 1px solid #575757;
border-left: 1px solid #292929;
border-top: 1px solid #292929;
background: #292929;
}

/* Adverts */
#adcenter {
margin: 0 10px 0.3em 175px;
padding: 3px 0 3px 0;
text-align: center;
}
#adcenter iframe {
border: 1px solid #575757;
margin: 0.2em 0 0.2em 0;
overflow: hidden;
}
#adleft {
position: absolute;
top: 245px;
left: 0px;
width: 162px;
padding: 0.5em 5px 0.5em 5px;
margin: 0;
text-align: center;
}
#adleft iframe {
padding: 0;
border: 1px solid #575757;
margin: 0.3em 0 0.3em 0;
overflow: hidden;
}
#adrectangle {
float: right;
width: 306px;
height: 272px;
padding: 5px 3px 0 3px;
margin: 0 0 0.7em 0.7em;
text-align: center;
background: black;
border-right: 1px solid #797265;
border-bottom: 1px solid #797265;
border-top: 1px solid #ebddc3;
border-left: 1px solid #ebddc3;
}
#adrectangle iframe {
padding: 0;
margin: 0;
overflow: hidden;
}
#adbottom {
position: fixed;
bottom: 0;
right: 50%;
width: 758px;
height: 92px;
overflow: hidden;
margin: 0 -461px 0 0;
padding: 0;
text-align: center;
z-index: 50;
}
#adbottom iframe {
border: 1px solid #575757;
margin: 0;
padding: 0;
overflow: hidden;
}
img.adbottomcontrol {
border: 1px solid #575757;
margin: 0;
padding: 0;
}
.adhead {
padding: 0;
margin: 0;
text-align: center;
font-size: 9pt;
color: #575757;
}

/* General Content */
.content {
margin: 0em 10px 0em 175px;
background: #ebddc3;
padding: 0.9em 0.7em 0.9em 0.7em;
border-right: 1px solid #797265;
border-bottom: 1px solid #797265;
border-top: 1px solid #ebddc3;
border-left: 1px solid #ebddc3;
color: #000000;
font-size: 10.5pt;
line-height: 1.3em;
}
.content p {
margin: 0.7em 0 0.7em 0;
}
.content abbr, .content acronym, .content .help {
border-bottom: 1px dashed #b7aa8f;
cursor: help;
}
.content pre, .content code {
font-family: monospace;
margin: 0.7em 0 0.7em 0;
}
.content .intro b {
font-size: 1.1em; 
}

/* Links */
.content a:visited, .content a:active {
color: #824141;
text-decoration: underline;
}
.content a:link {
color: #b44b4b;
text-decoration: underline;
}
.content a:hover, .content a:focus {
color: #ff0000;
text-decoration: underline;
}

/* Headers */
.content h2 {
font-size: 1.2em;
color: #824141;
font-weight: bold;
margin-top: 1em;
font-family: times, "times new roman", serif;
background: #e4d4b2;
padding: 0.2em 0 0.2em 0;
border-bottom: 1px solid #824141;
}
.content h3 {
font-size: 1.15em;
color: #824141;
font-weight: bold;
margin-top: 1.5em;
font-family: times, "times new roman", serif;
background: #e4d4b2;
padding: 0.2em 0 0.2em 0;
}
.content h4 {
font-size: 1em;
font-weight: bold;
color: black;
margin: 0.7em 0 0.7em 0;
font-family: Arial, Helvetica, Verdana, sans-serif;
background: #e4d4b2;
padding: 0.2em 0 0.2em 0;
}
.content h2 a:active, .content h2 a:link, .content h2 a:visited {
color: #824141;
text-decoration: none;
}
.content h2 a:hover {
color: #ff0000;
text-decoration: underline;
}

/* Layout */
.content .hbar {
height: 0.5em;
background: #824141;
}
.content .indexoffset {
padding-left: 150px;
background-position: 0 0;
background-repeat: no-repeat;
}
.content .base {
clear: both;
}
.content .digg {
float: right;
margin: 0 0 0.1em 0.1em;
padding: 0.1em;
background: white;
border: 1px solid #b7aa8f;
}
.content #center_search {
margin: 1.2em 0 1.2em 0;
padding: 1em;
background: #e4d4b2;
text-align: center;
border: 1px solid #b7aa8f;
}
.content .three_cols {
display: block;
overflow: hidden;
margin: 0.7em 0 0 0;
padding: 0;
}
.content .col_one {
display: block;
overflow: hidden;
float: left;
width: 30%;
padding: 0.4em;
margin: 0 0 1.2em 0;
}
.content .col_two {
display: block;
overflow: hidden;
float: left;
width: 30%;
padding: 0.4em;
margin: 0 0 1.2em 0;
}
.content .col_three {
display: block;
overflow: hidden;
padding: 0.4em;
margin: 0 0 1.2em 0;
}
.content .three_cols li {
overflow: visible;
}
.content .col_one h3, .content .col_two h3, .content .col_three h3 {
font-size: 1em;
font-weight: bold;
background: none;
border: none;
font-family: Arial, Helvetica, Verdana, sans-serif;
padding: 0;
margin: 0 0 0.4em 0;
}

/* Tables */
.content caption {
font-size: 10.5pt;
color: #824141;
font-weight: bold;
font-family: Arial, Helvetica, Verdana, sans-serif;
text-align: center;
margin: 0.3em 0 0 0;
}
.content table {
text-align: left;
margin: 0.7em 0 0.7em 0;
padding: 0;
font-size: 10.5pt;
empty-cells: show;
}
.content tr {
margin: 0;
padding: 0;
background: #ebddc3;
}
.content td {
font-family: Arial, Helvetica, Verdana, sans-serif;
color: #000000;
text-align: right;
margin: 0;
padding: 0.2em;
border: 1px solid #b7aa8f;
vertical-align: middle;
}
.content th {
color: #824141;
font-family: Arial, Helvetica, Verdana, sans-serif;
text-align: center;
margin: 0;
padding: 0.2em;
border-bottom: 1px solid #824141;
border-right: 1px solid #e4d4b2;
border-top: 1px solid #e4d4b2;
border-left: 1px solid #e4d4b2;
background: #e4d4b2;
font-weight: bold;
vertical-align: middle;
}
.content td.top {
vertical-align: top;
}
.content td.subhead {
text-align: left;
font-weight: bold;
}
.content td.left {
text-align: left;
}
.content td.right {
text-align: right;
}
.content td.center {
text-align: center;
}
.content tr.h, .content tr.ho {
background: #e8d8bc;
}
.content tr.o:hover, .content tr.ho:hover, .content tr.o:focus, .content tr.ho:focus {
background: #e4d4b2;
}
.content td.orange {
color: #cb7f00;
}
.content td.yellow {
color: #827f00;
}
.content td.green {
color: #007f00;
}
.content td.grey {
color: #666666;
}
.content table form {
margin: 0;
}
.content table img {
vertical-align: middle;
}
.content table th.table-sortable:after {
content: " \25BE";
color: #b7aa8f;
}
.content table th.table-sorted-asc:after {
content: " \25B4";
color: #824141;
}
.content table th.table-sorted-desc:after {
content: " \25BE";
color: #824141;
}

/* Image/Iconised */
.content img {
border: none;
}
.content img.border {
border: 1px solid #824141;
}
.content .movie {
margin: 0.7em 0 0.7em 0;
}
.content .icon_item, .content .icon_fish, .content .icon_s {
padding: 1px 0 4px 22px;
background-position: left top;
background-repeat: no-repeat;
}
.content a.rss {
padding-left: 16px;
background-position: left center;
background-repeat: no-repeat;
background-image: url("/images/rss_content_icon.png");
}
.content a.twitter {
padding-left: 18px;
background-position: left center;
background-repeat: no-repeat;
background-image: url("/images/icon/twitter.png");
}

/* Lists */
.content ol, .content ul {
margin: 0.7em 0 0.7em 0;
padding-left: 2.5em;
}
.content ol li, .content ul li {
margin: 0;
}
.content li ol, .content li ul {
margin: 0;
}
.content ol.numberlist li {
margin-top: 0.7em;
margin-bottom: 0.7em;
}
.content ul.spacedlist li {
margin-top: 0.7em;
margin-bottom: 0.7em;
}
.content ul.spacedlist li li {
margin-top: 0.2em;
margin-bottom: 0.2em;
}
.content ul.index li {
font-weight: bold;
margin-top: 0.7em;
}
ul.index li li {
font-weight: normal;
margin: 0;
}
.content ul.index li li li {
font-weight: normal;
margin: 0;
}
.content ul.index li li.sub {
font-weight: bold;
margin-top: 0.5em;
}
.content ol.alpha {
list-style-type: upper-alpha;
}
.content ul li form {
margin: 0;
}
/* Lists: Topiclist */
.content ul.topiclist {
margin: 0;
padding: 0.2em;
list-style-type: none;
}
.content ul.topiclist ul {
margin: 0.2em 0 0.2em 0.2em;
padding: 0;
list-style-type: disc;
}
.content ul.topiclist ol {
margin: 0.2em 0 0.2em 1em;
padding: 0;
list-style-type: decimal;
}
.content ul.topiclist li {
margin: 0.3em 0 0.3em 0;
padding: 0.6em;
border: 1px solid #b7aa8f;
background: none;
overflow: hidden;
}
.content ul.topiclist li:hover, .content ul.topiclist li:focus {
background-color: #e4d4b2;
}
.content ul.topiclist li li {
margin: 0 0 0 1em;
padding: 0;
border: none;
overflow: visible;
}
.content ul.topiclist li ul.sub {
margin: 0;
padding: 0;
border: none;
list-style-type: none;
}
.content ul.topiclist h3 {
display: inline;
font-size: 1em;
font-weight: bold;
background: none;
border: none;
font-family: Arial, Helvetica, Verdana, sans-serif;
padding: 0;
margin: 0 0 0 0;
}
.content ul.topiclist form {
display: inline;
padding: 0;
margin: 0;
}
.content ul.topiclist li.topicicon  {
padding-left: 45px;
background-position: left center;
background-repeat: no-repeat;
}
.content ul.topiclist li.topiciconnews {
background-image: url('/images/topic/news.png');
}
.content ul.topiclist li.topiciconstarted {
background-image: url('/images/topic/started.png');
}
.content ul.topiclist li.topiciconstartedin {
background-image: url('/images/topic/inscription.png');
}
.content ul.topiclist li.topicicontraining {
background-image: url('/images/topic/training.png');
}
.content ul.topiclist li.topicicontrainingin {
background-image: url('/images/topic/scroll.png');
}
.content ul.topiclist li.topiciconequipment {
background-image: url('/images/topic/equipment.png');
}
.content ul.topiclist li.topiciconvaluable {
background-image: url('/images/topic/valuable.png');
}
.content ul.topiclist li.topiciconpools {
background-image: url('/images/topic/pools.png');
}
.content ul.topiclist li.topiciconstv {
background-image: url('/images/topic/stv.png');
}
.content ul.topiclist li.topiciconquests {
background-image: url('/images/topic/quests.png');
}
.content ul.topiclist li.topiciconfinder {
background-image: url('/images/topic/finder.png');
}
.content ul.topiclist li.topiciconinscriptions {
background-image: url('/images/topic/scroll_text.png');
}
.content ul.topiclist li.topiciconglyphs {
background-image: url('/images/topic/parchment.png');
}
.content ul.topiclist li.topiciconadvanced {
background-image: url('/images/topic/advanced.png');
}
.content ul.topiclist li.topiciconadvancedin {
background-image: url('/images/topic/eladvanced.png');
}
.content ul.topiclist li.topiciconforums {
background-image: url('/images/topic/forums.png');
}
.content ul.topiclist li.topiciconfishing {
background-image: url('/images/topic/fishing.png');
}
.content ul.topiclist li.topiciconinscription {
background-image: url('/images/topic/inscription.png');
}
/* Lists: Blocklist */
.content ul.blocklist {
margin: 0.7em 0 0.7em 0;
padding: 0;
list-style-type: none;
}
.content ul.blocklist li {
margin: 0.7em 0 0.7em 0;
padding: 0.4em;
border: 1px solid #b7aa8f;
background: none;
overflow: hidden;
}
.content ul.blocklist li h3 {
margin: 0 0 0.7em 0;
}
.content ul.blocklist li li {
overflow: visible;
}
/* Lists: Page Menu */
.content ul.pagemenu {
margin: 0;
padding: 0.2em;
list-style-type: none;
}
.content ul.pagemenu li {
margin: 0.7em 0 0.7em 0;
padding: 5px;
border: 1px solid #b7aa8f;
background: none;
overflow: hidden;
}
.content ul.pagemenu li:hover, .content ul.pagemenu li:focus {
background-color: #e4d4b2;
}
.content ul.pagemenu li h3 {
font-size: 1em;
font-weight: bold;
background: none;
border-bottom: 1px solid #824141;
font-family: Arial, Helvetica, Verdana, sans-serif;
padding: 0 0 0.2em 0;
margin: 0 0 0 0;
}
.content ul.pagemenu li h3 a:active, .content ul.pagemenu li h3 a:link, .content ul.pagemenu li h3 a:visited {
color: #824141;
text-decoration: none;
}
.content ul.pagemenu li h3 a:hover {
color: #ff0000;
text-decoration: underline;
}
.content ul.pagemenu li p {
margin: 0.4em 0 0 0;
}
.content ul.pagemenu li blockquote {
margin: 0.4em 0 0 0;
}
.content ul.pagemenu li ul {
padding: 0 0 0 1.5em;
margin: 0.4em 0 0 0;
list-style-type: disc;
}
.content ul.pagemenu li li {
overflow: visible;
border: none;
padding: 0;
margin: 0;
}
/* Lists: Tomes */
.content ul.tome_list, .content .fishbox ul.fishboxinfo ul.tome_list {
list-style-type: none;
margin: 0 0 0 0.5em;
padding: 0;
}
.content ul.tome_list li {
margin: 0.4em 0 0.4em 0;
}
.content .tome_box {
line-height: 1.6em;
}
.content ul.tome_list li a, .content .tome_box a {
padding: 4px 0 4px 26px;
background-position: left center;
background-repeat: no-repeat;
}
.content ul.tome_list li.tome_thottbot a, a.tome_thottbot  {
background-image: url("/images/icon/thottbot.png");
}
.content ul.tome_list li.tome_wowhead a, a.tome_wowhead {
background-image: url("/images/icon/wowhead.png");
}
.content ul.tome_list li.tome_allakhazam a, a.tome_allakhazam {
background-image: url("/images/icon/allakhazam.png");
}
.content ul.tome_list li.tome_wowwiki a, a.tome_wowwiki {
background-image: url("/images/icon/wowwiki.png");
}
.content ul.tome_list li.tome_wowpedia a, a.tome_wowpedia {
background-image: url("/images/icon/wowpedia.png");
}
.content ul.tome_list li.tome_armory a, a.tome_armory {
background-image: url("/images/icon/armory.png");
}
.content ul.tome_list li.tome_elsanglin a, a.tome_elsanglin {
background-image: url("/images/icon/elsanglin.png");
}
.content ul.tome_list li.tome_mmochampion a, a.tome_mmochampion {
background-image: url("/images/icon/mmochampion.png");
}
.content ul.tome_list li.tome_warcraftpets a, a.tome_warcraftpets {
background-image: url("/images/icon/warcraftpets.png");
}
/* Lists: Notebook */
.content ul.notebook {
list-style-type: none;
margin: 0.7em 0 0.7em 0;
padding: 0;
}
.content ul.notebook li {
margin: 0 0 0.3em 0;
padding: 6px 0 6px 42px;
background-position: left top;
background-repeat: no-repeat;
}
.content ul.notebook li ul {
margin: 0;
padding: 0 0 0 1.5em;
list-style-type: disc;
background: none;
}
.content ul.notebook li ul li {
margin: 0;
padding: 0;
background: none;
}
.content ul.notebook li.notebook_notes {
background-image: url("/images/topic/inscription.png");
}
.content ul.notebook li.notebook_commentary {
background-image: url("/images/topic/advanced.png");
}
.content ul.notebook li.notebook_time {
background-image: url("/images/topic/watch.png");
}
.content ul.notebook li.notebook_guide {
background-image: url("/images/topic/scroll_open.png");
}
.content ul.notebook li.notebook_quest {
background-image: url("/images/topic/quests.png");
}
.content ul.notebook li.notebook_achievements {
background-image: url("/images/topic/achievement.png");
}
.content ul.notebook li.notebook_history {
background-image: url("/images/topic/scroll_text.png");
}
.content ul.notebook li.notebook_water {
background-image: url("/images/topic/water.png");
}
.content ul.notebook li.notebook_skill {
background-image: url("/images/topic/fishing.png");
}
.content ul.notebook li.notebook_ingredients {
background-image: url("/images/topic/scroll.png");
}
.content ul.notebook li ol, ul.notebook li ul {
margin: 0.3em 0 0.3em 0;
padding: 0 0 0 2em;
}
.content ul.notebook li ol li, ul.notebook li ul li {
margin: 0;
padding: 0;
}
.content ul.tablelist, ul.notebook li ul.tablelist, .fishbox ul.fishboxinfo ul li ul.tablelist {
list-style-type: none;
margin: 0;
padding: 0;
}
.content ul.tablelist li, ul.notebook li ul.tablelist li, .fishbox ul.fishboxinfo ul li ul.tablelist li {
margin: 0;
padding: 0.1em 0 0 0;
}

/* Boxes */
.content .box {
padding: 0.5em;
margin: 0.7em 0.2em 0.7em 0.2em;
border: 1px solid #b7aa8f;
background: #e4d4b2;
overflow: hidden;
}
.content .box li {
overflow: visible;
}
.content .figblock {
font-size: 1em;
color: #824141;
font-weight: bold;
text-align: center;
padding: 0.7em;
}
.content .figblock img {
margin: 0.4em 0 0.4em 0;
}
.content #mapbox {
margin: 0.7em 0 0.7em 0;
}
.content .tipbox {
padding: 20px 10px 10px 32px;
background: #e8d8bc url("/images/icon/question.png") no-repeat scroll 10px 10px;
border: 1px solid #b7aa8f;
margin: 0.7em 0.2em 0.7em 0.2em; 
overflow: hidden;
}
.content .tipbox li {
overflow: visible;
}
.content .newbox {
padding: 20px 10px 10px 32px;
background: #e8d8bc url("/images/icon/newbie.png") no-repeat scroll 10px 10px;
border: 1px solid #b7aa8f;
margin: 0.7em 0.2em 0.7em 0.2em; 
overflow: hidden;
}
.content .newbox li {
overflow: visible;
}
.content .nextbox {
margin: 0.7em 0.2em 0.7em 0.2em;
padding: 20px 10px 10px 32px;
background: #e8d8bc url("/images/icon/exclaimation.png") no-repeat scroll 12px 10px;
border: 1px solid #b7aa8f;
font-weight: bold;
overflow: hidden;
}
.content .nextbox ul {
padding: 0;
margin: 0;
list-style-type: none;
}
.content .nextbox li {
padding: 0;
margin: 0.3em 0 0.3em 0;
}
.content .nextbox a:active, .content .nextbox a:visited, .content .nextbox a:link {
text-decoration: none;
}
.content .nextbox a:hover {
text-decoration: underline;
}
.content ul.boxiconlist {
margin: 0 0 0 60px;
padding: 0;
list-style-type: none;
}
.content .box ul.boxiconlist li, .content ul.boxiconlist ul {
margin: 0;
padding: 0;
}
.content .pagemenubox {
margin-left: 110px;
}
.content img.pagemenuicon {
border: 1px solid #824141;
float: left;
margin: 0;
padding: 0;
}
/* Boxes: Fish Finder Map */
.content .mapbox {
margin: 0.7em 0 0.7em 0;
height: 285px; 
width: 405px; 
padding: 0; 
background-position: top left; 
background-repeat: no-repeat; 
background-image: url("/images/world_map_cataclysm.jpg");
border: 1px solid #824141;
overflow: hidden;
}
.content .maplayer {
position: absolute;
border: 0;
padding: 0;
margin: 0;
background: none;
height: 285px; 
width: 405px; 
overflow: hidden;
}
/* Boxes: Fishbox */
.content .fishbox {
width: 18em;
float: right;
margin: 0 0 0.7em 0.4em;
padding: 0.5em;
border: 1px solid #b7aa8f;
background: #e8d8bc;
}
.content .fishbox h2 {
margin: 0 0 0.4em 0;
border-bottom: none;
}
.content img.fishboxicon {
float: right;
margin: 0 0 0 0.4em;
border: 1px solid #824141;
}
.content .fishbox p {
margin: 0.4em 0 0.4em 0;
}
.content .fishbox ul {
margin: 0.4em 0 0.4em 0;
padding-left: 1.5em;
}
.content .fishbox ul li {
margin: 0.4em 0 0.4em 0;
padding: 0;
}
.content .fishbox ul.fishboxinfo {
margin: 0;
padding: 0;
list-style-type: none;
}
.content .fishbox ul.fishboxinfo li {
margin: 0.5em 0 0.5em 0;
padding: 0;
}
.content .fishbox ul.fishboxinfo ul {
margin: 0 0 0.3em 0;
padding: 0 0 0 1.5em;
list-style-type: disc;
}
.content #cookingless {
display: inline;
}
.content #cookingmore {
display: none;
}
.content .fishbox ul.fishboxinfo ul li {
margin: 0.3em 0 0.3em 0;
padding: 0;
}
.content .fishbox ul.fishboxinfo ul ul {
margin: 0;
padding: 0;
list-style-type: none;
}
.content .fishbox ul.fishboxinfo ul li li {
margin: 0.2em 0 0.2em 0;
padding: 0;
}
.content .fishbox form {
display: inline;
}
/* Boxes: Front */
.content #frontlatest {
display: block;
width: 338px;
float: left;
padding: 0;
margin: 0 0.7em 0 0;
background: #ebddc3;
}
.content #frontbox {
width: 336px;
height: 280px;
margin: 0 0 0.3em 0;
padding: 0;
background: #824141;
overflow: hidden;
position: relative;
border: 1px solid #824141;
}
.content #frontbox .frontboxdisplay {
display: none;
width: 336px;
height: 280px;
margin: 0;
border: none;
position: absolute;
top: 0; 
left: 0;
}
.content #frontbox .frontboxdisplay img {
border: none;
}
.content #frontbox .frontboxfirst {
display: block;
}
.content #frontcontent {
overflow: hidden;
}
.content #frontnews {
border: 1px solid #b7aa8f;
margin: 0;
padding: 0;
}
.content ul.newslist {
list-style-type: none;
margin: 0;
padding: 0;
}
.content ul.newslist li{
margin: 0;
padding: 0.3em 0.5em 0.3em 0.5em;
border-bottom: 1px solid #b7aa8f;
overflow: hidden;
}
.content ul.newslist li.navnewslist {
border-bottom: none;
}
.content ul.newslist li:hover, .content ul.newslist li:focus {
background-color: #e4d4b2;
}
.content ul.newslist li ul {
list-style-type: square;
margin: 0;
padding: 0.1em 0 0.2em 1.2em;
}
.content ul.newslist li ul li {
border: none;
margin: 0;
padding: 0;
overflow: visible;
}
.content ul.newslist h3 {
font-size: 1em;
font-weight: bold;
background: none;
border-bottom: 1px solid #824141;
font-family: Arial, Helvetica, Verdana, sans-serif;
padding: 0 0 0.2em 0;
margin: 0.2em 0 0.4em 0;
}
.content ul.newslist h3 a:active, .content ul.newslist h3 a:link, .content ul.newslist h3 a:visited {
color: #824141;
text-decoration: none;
}
.content ul.newslist h3 a:hover {
color: #ff0000;
text-decoration: none;
}
.content ul.newslist form {
display: inline;
padding: 0;
margin: 0;
}
.content ul.newslist blockquote {
margin: 0;
padding: 0.2em 0 0.2em 0.8em;
}
.content ul.newslist .metanewslist {
text-align: right;
margin-top: 0.2em;
}

/* Comments */
.content .postmeta {
margin: 0.7em 0 0.7em 0;
text-align: right;
}
.content ol.postlist {
margin: 0;
padding: 0;
list-style-type: none;
}
.content ol.postlist li {
margin: 0.7em 0 0.7em 0;
padding: 0; 
}
.content .postblock {
margin: 0;
padding: 0.4em 0.4em 0.4em 0.4em;
border-top: 1px solid #b7aa8f;
border-left: 1px solid #b7aa8f;
border-right: 1px solid #b7aa8f;
border-bottom: 1px solid #b7aa8f;
}
.content .alt .postblock {
background: #e8d8bc;
}
.content .postblock h3 {
margin: 0;
}
.content .postblock ul {
list-style-type: square;
margin: 0.7em 0 0.7em 0;
padding-left: 2em;
}
.content .postblock ol {
list-style-type: decimal;
margin: 0.7em 0 0.7em 0;
padding-left: 2em;
}
.content .postblock blockquote {
padding: 0.2em 0.5em 0.2em 0.5em;
margin: 0.7em 0 0.7em 1em;
border: 1px solid #b7aa8f;
background: #e4d4b2;
display: block;
}
.content .postblock code {
font-family: monospace;
padding: 0.2em 0.5em 0.2em 0.5em;
margin: 0.7em 0 0.7em 0em;
border: 1px solid #b7aa8f;
background: #e4d4b2;
display: block;
}
.content .postblock h3 a:active, .content .postblock h3 a:link, .content .postblock h3 a:visited {
color: #824141;
text-decoration: none;
}
.content .postblock h3 a:hover {
color: #ff0000;
text-decoration: underline;
}

/* Forms */
.content form fieldset {
border: none;
margin: 0;
padding: 0;
}
.content form fieldset.fieldbox {
margin: 0.7em 0 0.7em 0;
padding: 0.3em;
border: 1px solid #b7aa8f;
}
.content form legend {
font-weight: bold;
color: #b7aa8f;
font-size: 10.5pt;
}
.content form input, .content form textarea, .content form select {
border: 1px solid #b7aa8f;
background-color: #eeeeee;
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: 9pt;
}
.content form textarea {
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: 9pt;
}
.content form input:hover, .content form input:focus, .content form textarea:hover, .content form textarea:focus, .content form select:hover, .content form select:focus {
border: 1px solid #824141;
background-color: #ffffff;
}
.content form input.check, .content form input.check:hover, .content form input.check:focus, .content form input[type="checkbox"], .content form input[type="checkbox"]:hover, .content form input[type="checkbox"]:focus {
vertical-align: middle;
border: none;
background: none;
}
.content form input.button, .content form input[type="submit"] {
font-weight: bold;
background: none;
color: #824141;
border-top: 1px solid white;
border-left: 1px solid white;
border-bottom: 1px solid #824141;
border-right: 1px solid #824141;
vertical-align: middle;
cursor: pointer;
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: 9pt;
}
.content form input.button:hover, .content form input.button:focus, .content form input[type="submit"]:hover, .content form input[type="submit"]:focus {
color: #ffffff;
background-color: #824141;
border: 1px solid #824141;
}
.content form input.radio {
background: none;
border: none;
}
.content fieldset.submit {
text-align: center;
}
.content dl.required {
background-color: #e8d8bc;
}
.content dl.postform {
margin: 0.2em 0 0.4em 0;
padding: 0;
}
.content dl.postform dt, .content dl.postform dd {
margin: 0;
padding: 0;
}
.content dl.postform dt b {
color: #824141;
}
.content ol.postlisthidden {
display: none;
}


/* DEPRECIATED? */
#adcenter img {
border: 1px solid #575757;
margin: 0.2em 0 0.2em 0;
}
#adleft img {
padding: 0;
border: 1px solid #575757;
margin: 0.3em 0 0.3em 0;
}
#adleftec {
float: left;
width: 162px;
padding: 0.5em 5px 0.5em 5px;
margin: 155px 0 0 0;
text-align: center;
}
#adleftec iframe {
padding: 0;
border: 1px solid #575757;
margin: 0 0 1em 0;
}
#adleftup {
position: relative;
top: -90px;
float: left;
width: 162px;
margin: 0 5px 0.5em 5px;
padding: 0;
text-align: center;
}
#adleftup img {
border: 1px solid #575757;
margin: 0.3em 0 0.3em 0;
}
#adleftup iframe {
border: 1px solid #575757;
margin: 0.3em 0 0.3em 0;
}
.adbox {
border: 1px solid #575757;
margin: 0.3em 0 0.3em 0;
padding: 0.2em;
font-weight: normal;
background: #292929;
}
.adboxtitle {
font-weight: bold;
margin: 0.3em 0 0.3em 0;
text-align: center;
color: #ffffff;
}
.adboxtitle a:visited, .adboxtitle a:active, .adboxtitle a:link, .adboxtitle a:hover, .adboxtitle a:focus {
color: #ffffff;
text-decoration: underline;
}
.adboxbody {
margin: 0.3em 0 0.3em 0;
font-size: 8pt;
text-align: left;
color: #ffffff;
}
.adboximg {
text-align: center;
margin: 0.3em 0 0.3em 0;
}
.adboxfoot {
margin: 0.3em 0 0.3em 0;
font-size: 8pt;
text-align: right;
}
.adboxfoot a:visited, .adboxfoot a:active, .adboxfoot a:link, .adboxfoot a:hover, .adboxfoot a:focus {
color: #ffd000;
text-decoration: underline;
}