body{
    padding: 0;margin: 0; font-family: arial, sarif; font-size: 12px;
}

table.main {
    border:0px;
	border-collapse:collapse;
}
table.content {
    float: left;
    width:780px;
    border:0px;
    border-collapse:collapse;
    background: white;
}

td.side {
	vertical-align:top;
}
td.content {
	vertical-align:top;
    background-color: #FFFFFF;
}

th.main{
	border:1px solid #CCC5C5;
}

tbody.items > tr > td {
    padding-top:5px;
    padding-bottom:5px;
    padding-left:5px;
    padding-right:5px;
    font-size:12px;
    text-align:center;
    vertical-align:middle;
	border-collapse:collapse;
    border:1px solid #666;
}
tbody.skills > tr > td {
    padding-top:5px;
    padding-bottom:5px;
    padding-left:5px;
    padding-right:5px;
    font-size:12px;
    vertical-align:middle;
	border-collapse:collapse;
    border:1px solid #666;
}
tbody.quests > tr > td {
    padding-top:5px;
    padding-bottom:5px;
    padding-left:5px;
    padding-right:5px;
    font-size:12px;
    vertical-align:middle;
	border-collapse:collapse;
    border:1px solid #666;
}
td.main {
}
td.main_nw {
}
td.main_nw_yellow {
	color:yellow;
}
td.main_nw_blue {
	color:#0070dd;
}
td.main_nw_orange {
	color:#ff8000;
}
td.main_nw_purple {
	color:#a335ee;
}
td.mainimg {
    background-color: #000000;
    padding:0px;
    min-height: 30px;
}

td.mainimg > img {
    max-height: 30px;
}

td.mainimg_w {
    background-color: #ffffff;
    padding:0px;
    text-align:center;
    border:1px solid #CCC5C5;
}
td.mainleft {
    padding-top:20px;
    padding-bottom:20px;
    padding-left:30px;
    padding-right:30px;
    font-size:12px;
    text-align:left;
}
td.mainleft_nw {
    text-align:left;
}

td.skillsimg {
    background: #000;
    text-align: center;
}

td.quest  {
    padding-top:5px;
    padding-bottom:5px;
    padding-left:5px;
    padding-right:5px;
    text-align:left;
    vertical-align:middle;
	font-size:12px;
}
td.quest1  {
    padding-top:5px;
    padding-bottom:5px;
    padding-left:5px;
    padding-right:5px;
    text-align:left;
    vertical-align:middle;
    white-space:nowrap;
    width:1%;
	font-size:12px;
}

a.faq:link { color: #000000;text-decoration:underline;width:100%; }
a.faq:visited { color: #aa6611; width:100%; }
a.faq:hover { color: #ff9933; text-decoration:none; width:100%; }
a.faq:active { color: #0000ff;width:100%; }
a.faq { background-repeat:no-repeat; }

#lvl {width: 100%;background: red;}
a.lvl:link { color: #000000;text-decoration:underline;width:100%; }
a.lvl:visited { color: #aa6611; width:100%; }
a.lvl:hover { color: #ff9933; text-decoration:none; width:100%; }
a.lvl:active { color: #0000ff;width:100%; }
a.lvl { background-repeat:no-repeat; font-weight: bold;}

.name_yellow {
	color:#F8F800;
}
.name_blue {
	color:#44DDFF;
}
.name_orange {
	color:#FF7700;
}
.name_purple {
	color:#DDAAFF;
}
.item_detail {
	color:#EFAD21;
}
hr.tooltip {
	border-top: 1px solid #909090;
	margin: 10px 0px;
}
.caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px dashed;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}
div.menu {float: left;}
.headinglink a{ display: block; padding: 15px 10px; margin: -15px -10px;}
.headinglink a:hover{ background-color: grey;color: black;}
.menu ul { list-style: none;margin: 0; padding: 0px;}
.menu ul li {padding: 15px 10px;position: relative;width: 125px;color: white;cursor: pointer;border-top: 1px solid #bdc3c7;background-color: black;}
.menu ul li ul li {padding: 0px;}
.menu .heading:hover {background-color:grey;color: black;}
.menu > ul > li {border-right: 5px solid #F1C404;}
.menu ul ul {transition:all ;opacity: 0;position: absolute;visibility: hidden;left: 150px;top: -1px}
.menu ul li:hover > ul{opacity: 1;visibility: visible;}
.menu ul li a{color: white;text-decoration:none}
.menu ul li img {margin-top: -10px; float:right}
.c1,.c1 a{ display: block; padding: 15px 10px;}
.c2,.c2 a{ display: block; padding: 15px 10px;}
.c3,.c3 a{ display: block; padding: 15px 10px;}
.c4,.c4 a{ display: block; padding: 15px 10px;}
.c5,.c5 a{ display: block; padding: 15px 10px;}
.c6,.c6 a{ display: block; padding: 15px 10px;}
/* Removed colouring
.c1,.c1 a:hover{ background-color:darkred;}
.c2,.c2 a:hover{ background-color:darkblue;}
.c3,.c3 a:hover{ background-color:darkgreen;}
.c4,.c4 a:hover{ background-color:goldenrod;}
.c5,.c5 a:hover{ background-color:purple;} */
.c1,.c1 a:hover{ background-color:grey;}
.c2,.c2 a:hover{ background-color:grey;}
.c3,.c3 a:hover{ background-color:grey;}
.c4,.c4 a:hover{ background-color:grey;}
.c5,.c5 a:hover{ background-color:grey;}
.c6,.c6 a:hover{ background-color:grey;}