body { background-color: #000000; margin: 0; padding: 0 0 32px 0; font-family: Arial; font-size: 12px; color: white }

form { padding: 0; margin: 0 }

.layers { position: absolute; left: 0; top : 0; z-index: 100000000 }

a { color: #FFD100; border-bottom: 1px solid #FFD100; text-decoration: none }
a:hover { color: #FFFFFF; border-bottom: 1px solid white }

a.selected, a.selected:hover { cursor: default; font-weight: bold; color: white; border: 0 }

img { border: 0 }

ul, ol { margin: 1em 0; padding-left: 26px }
ul li { color: #c3030b; list-style-position: outside; list-style-type: square }
li { list-style-position: inside; line-height: 1.75em }
ol li, li span { color: white }

#topbar { background: #383838; border-top: 1px solid #282828; border-top: 1px solid #484848; height: 32px }
#topbar td { font-size: 13px; color: #cccccc }

.toplinks { text-align: right; padding: 3px 0 1px 0; font-size: 12px; position: absolute; right: 0 }

.topmenu a { display: block; color: white; padding: 3px 8px 3px 8px; border: 1px solid #383838 }
.topmenu a.open { background-color: #484848; border: 1px solid #282828 }

.homelinks  { color: #cccccc; font-family: Arial; font-size: 13px; line-height: 1.5em }
.morelinks { font-size: 13px; padding-left: 8px }

#homemenu a { display: block; color: white; padding: 3px 8px 3px 8px; border: 1px solid black; font-size: 13px }
#homemenu a.open { background-color: #484848; border: 1px solid #282828 }

.header { width: 992px; border-collapse: collapse }
.header-logo { padding: 19px 0 0 0 }
.header-leaderboard { padding: 0 }
.header-topbar { padding: 14px 0 0 0 }

.layout { width: 992px; border: 1px solid #282828; background: #181818 }
.layout-path { padding: 10px 10px 0 10px; border-top: 1px solid #101010 }
.layout-top-right { padding: 0; width: 170px; border-top: 1px solid #101010; font-size: 13px; text-align: center }
.layout-skyscraper { padding: 10px 10px 10px 0 }
.container { padding: 10px; width: 800px }
.contents { padding: 13px 10px 10px 10px; font-size: 13px; color: #cccccc; line-height: 1.4em; background: #242424; border: 1px solid #383838 }
.contents td, .contents th { font-size: 13px; color: #cccccc }

small { font-size: 11px }
.pad { padding-bottom: 10px }
.pad2 { padding-bottom: 1em }
.pad3 { padding-bottom: 2em }
#path { cursor: default; padding-left: 20px; background: url(http://www.wowhead.com/favicon.gif) no-repeat }
#path td { font-size: 15px; color: white }
#path a.open, #subcat.open, #more-link.open { color: white; border-bottom: 1px solid white }

#rightpath { float: right; font-size: 12px; padding-bottom: 1px }

h1 { color: white; font-size: 20px; font-weight: normal; border-bottom: 1px solid #505050; padding: 0 0 5px 0; margin: 0 0 13px 0; line-height: 1.1em }
h2 { color: white; font-size: 18px; font-weight: normal; border-bottom: 1px solid #505050; padding: 0 0 3px 0; margin: 26px 0 13px 0; line-height: 1.25em; clear: both }
h3 { color: white; font-size: 14px; padding: 0; margin: 1.5em 0 0.5em 0 }
h4 { color: white; font-size: 16px; border-bottom: 1px solid #505050; padding: 0 0 3px 0; margin: 0 0 0.5em 0; line-height: 1.25em }
span.sub { display: block; font-weight: normal; font-size: 12px; color: #707070 }
.sub2 { font-weight: normal; font-size: 11px; color: #707070 }

.footer { font-size: 12px; color: #666666; text-align: center; padding-top: 32px; clear: both }
.footerbox { opacity: 0.5; background-color: #202020; margin: 0 auto; width: 26em; border: 1px solid #404040; padding: 10px; text-align: center; color: white; line-height: 1.5em }

.box { width: 400px; color: #CCCCCC; background-color: #383838; border-left: 1px solid #505050; border-top: 1px solid #505050; border-right: 1px solid #202020; border-bottom: 1px solid #202020 }
.box td { font-size: 14px; padding: 0 20px; line-height: 1.33333em }
.box th { color: #FFFFFF; font-size: 16px; text-align: center; vertical-align: bottom; padding-bottom: 5px }
.box table td { font-size: 14px; padding: 0 }
.box a { color: #FFD100; border-bottom: 1px solid #FFD100; text-decoration: none; font-size: 12px }
.box a:hover { color: #FFFFFF; border-bottom: 1px solid white; font-size: 12px }
.box #error { color: #cc3333; font-weight: bold; font-size: 14px; padding: 5px 0 5px 0 }

.infobox { width: 200px; float: right; margin-left: 9px; margin-bottom: 9px; background-color: #181818; border: 1px solid #404040; border-collapse: collapse }
.infobox ul, .infobox ol { margin: 0; padding: 0 }
.infobox li { list-style-position: inside }
.infobox th { padding: 12px; font-size: 14px; color: white }
.infobox td { padding: 0 12px 12px 12px; font-size: 13px; line-height: 1.75em; white-space: nowrap }

.tabs { float: left; margin: 0; padding: 0 }
.tabs li { float: left; color: white; margin-right: 3px; line-height: 1.2em; list-style-type: none }
.tabs a { float: left; display: block; white-space: nowrap; padding: 7px 5px; border: 0; background: #303030 url(http://www.wowhead.com/images/tab_tr.gif) no-repeat top right; border-bottom: 1px solid #282828; position: relative }
.tabs a:hover { border: 0; background-color: #383838; border-bottom: 1px solid #303030 }
.tabs a.selected, ul.tabs a.selected:hover { background-color: #404040; border-bottom: 1px solid #404040 }
.tabs div { position: absolute; width: 2px; height: 2px; left: 0; top: 0; background: url(http://www.wowhead.com/images/tab_tl.gif) no-repeat top left }

.band1, .band2 { background: #404040; height: 1.33333em; cursor: default }
.band1 div, .band2 div { float: right }
.band1 { padding: 6px 4px 3px 4px; clear: both }
.band2 { padding: 3px 4px 6px 4px }

.report { width: 100%; clear: both; border-collapse: collapse; background-color: #404040; border: 3px solid #404040 }
.report th { cursor: default; font-size: 14px; cursor: pointer; padding: 0; border-bottom: 1px solid #202020 }
.report th a { color: white; padding: 4px; display: block; background-color: #585858; border-top: 1px solid #707070; border-left: 1px solid #707070; border-right: 1px solid #303030; border-bottom: 1px solid #303030 }
.report th a:hover { background-color: #606060; border-bottom: 1px solid #303030 }
.report thead td, .report tfoot td { text-align: left; cursor: default }
.report td { padding: 4px; color: #dddddd; font-size: 13px }
.report tbody td div.crop { height: 1.33333em; overflow: hidden }
.report tbody .small { font-size: 11px; padding: 1px 0 0 0; white-space: nowrap }
.report tbody .smallr { font-size: 11px; padding: 1px 3px 0 0; white-space: nowrap; float: right; font-style: italic }
.report tbody tr { background-color: #181818 }
.hoverable tbody tr { cursor: pointer }
.hoverable tbody a { font-family: Verdana; border: 0 }
.hoverable tbody tr:hover { background-color: #202020 }
.hoverable tbody td { border: 1px solid #404040 }

.grid { width: 100%; clear: both; border-collapse: collapse; background-color: #404040; border: 3px solid #404040 }
.grid tbody tr { background-color: #181818 }
.grid tbody tr:hover { background-color: #202020 }
.grid td { padding: 4px; color: #dddddd; font-size: 13px }
.grid td, .grid th { border-top: 1px solid #404040; border-bottom: 1px solid #404040; border-left: 1px solid #282828; border-right: 1px solid #282828 }
.grid th { vertical-align: top; font-weight: normal; color: white; padding: 4px; text-align: left; white-space: nowrap }

.map { margin-top: 10px; border: 3px solid #404040; background: black url(http://www.wowhead.com/images/loading2.gif) no-repeat 2px 2px }
.map span { display: block; position: relative }
.map .party  { position: absolute; width: 1px; height: 1px; font-size: 1px }
.map .party2 { position: relative; width: 11px; height: 11px; left: -5px; top: -5px; background: url(http://www.wowhead.com/images/map_party.png) no-repeat }
.map .glow { font-size: 12px; font-weight: bold; color: white; margin: 0 2px 0 2px; right: 0; bottom: 0; cursor: default }

.q         { color: #ffd100 }
.q a       { color: #ffd100; border-bottom: 1px solid #ffd100 }
.q a:hover { color: white; border-bottom: 1px solid white }

.q0                { color: #9d9d9d }
.q0 a, .q0 a:hover { color: #9d9d9d; border-bottom: 1px solid #9d9d9d }

.q1                { color: #ffffff }
.q1 a, .q1 a:hover { color: #ffffff; border-bottom: 1px solid #ffffff }

.q2                { color: #1eff00 }
.q2 a, .q2 a:hover { color: #1eff00; border-bottom: 1px solid #1eff00 }

.q3                { color: #0070dd }
.q3 a, .q3 a:hover { color: #0070dd; border-bottom: 1px solid #0070dd }

.q4                { color: #a335ee }
.q4 a, .q4 a:hover { color: #a335ee; border-bottom: 1px solid #a335ee }

.q5                { color: #ff8000 }
.q5 a, .q5 a:hover { color: #ff8000; border-bottom: 1px solid #ff8000 }

.q6                { color: #e5cc80 }
.q6 a, .q6 a:hover { color: #e5cc80; border-bottom: 1px solid #e5cc80 }

.q7                { color: #ff0000 }
.q7 a, .q7 a:hover { color: #ff0000; border-bottom: 1px solid #ff0000 }

.wowiconsmall .wowhilite
{
	position: absolute; width: 20px; height: 20px; left: 3px; top: 3px;
	background: url(http://www.wowhead.com/images/icon_hilite_small.png) no-repeat;
}

.wowiconsmall { width: 26px; height: 26px; background: 4px 4px no-repeat; position: relative }
.wowiconsmall .tile  { width: 26px; height: 26px; background-image: url(http://www.wowhead.com/images/icon_border_small.png) }
.wowiconsmall .hover { width: 18px; height: 18px; left: 4px; top: 4px; position: absolute; z-index: 99999999 }
.wowiconsmall .hover a { width: 18px; height: 18px; display: block; border: 0 }

.wowiconmedium .wowhilite
{
	position: absolute; width: 38px; height: 38px; left: 3px; top: 3px;
	background: url(http://www.wowhead.com/images/icon_hilite_medium.png) -38px 0;
}

.wowiconmedium { width: 44px; height: 44px; background: 4px 4px no-repeat; position: relative }
.wowiconmedium .tile  { width: 44px; height: 44px; background-image: url(http://www.wowhead.com/images/icon_border_medium.png) }
.wowiconmedium .hover { width: 36px; height: 36px; left: 4px; top: 4px; position: absolute; z-index: 99999999 }
.wowiconmedium .hover a { width: 36px; height: 36px; display: block; border: 0 }

.wowiconlarge { width: 68px; height: 68px; background: 6px 6px no-repeat; position: relative }
.wowiconlarge .tile { width: 68px; height: 68px; background-image: url(http://www.wowhead.com/images/icon_border_large.png) }
.wowiconlarge .hover { width: 54px; height: 56px; left: 6px; top: 6px; position: absolute; z-index: 99999999; cursor: default }
.wowiconlarge .hover a { width: 54px; height: 56px; display: block; border: 0 }

.wowiconsmall  .glow { font-size: 11px; margin: 2px 5px 2px 4px; cursor: default; font-weight: bold }
.wowiconmedium .glow { font-size: 13px; margin: 4px 6px 4px 6px; cursor: default; font-weight: bold }
.wowiconlarge  .glow { font-size: 18px; margin: 4px 6px 4px 6px; cursor: default; font-weight: bold }

.wowtooltip { visibility: hidden; z-index: 100000001 }
.wowtooltip a { border : 0 }
.wowtooltip b { font-size: 14px; line-height: 19px; font-weight: normal }
.wowtooltip td, .wowtooltip th { background: url(http://www.wowhead.com/images/tooltip.png); font-family: Verdana; font-size: 12px; line-height: 17px; color: white }

.wowtooltip table.shrink b { font-size: 12px; line-height: 15px }
.wowtooltip table.shrink td, .wowtooltip table.shrink th { font-size: 10px; line-height: 14px }

.wowtooltip th { padding: 3px; height: 8px }
.wowtooltip td { padding: 8px 4px 1px 9px }
.wowtooltip div.indent { padding-left: 0.6em }

.wowtooltip td table { border-spacing: 0; border-collapse: collapse }
.wowtooltip td table th, .wowtooltip td table td { background: none }
.wowtooltip td table th { padding: 0 0 0 4em; text-align: right; font-weight: normal }
.wowtooltip td table td { padding: 0 }

.menu { position: absolute; visibility: hidden; z-index: 100000000 }
.menu td { padding: 0; vertical-align: top }
.menu div { border: 1px solid #202020 }
.menu div div { border: 2px solid #484848; border-top: 1px solid #484848; white-space: nowrap; background-color: #282828 }
.menu span { padding: 0 18px 0 0; display: block }
.menu span span { padding: 0 0 0 18px }
.menu a { padding: 4px; display: block; border-top: 1px solid #484848; border-bottom: 1px solid #101010; font-size: 13px }
.menu a.open, .menu a:hover { border-bottom: 1px solid #101010; background-color: #383838; color: white }

.menucheck  { background: url(http://www.wowhead.com/images/menu_check.gif) left center no-repeat }
.menusub    { background: url(http://www.wowhead.com/images/menu_arrow.gif) right center no-repeat }
.menuarrow  { padding-right: 16px; background: url(http://www.wowhead.com/images/menu_arrow.gif) right center no-repeat }
.menuarrowd { display: block; padding-right: 11px; background: url(http://www.wowhead.com/images/menu_arrowd.gif) right center no-repeat }

.moneygold   { padding-right: 15px; background: url(http://www.wowhead.com/images/money_gold.gif) no-repeat right center } 
.moneysilver { padding-right: 15px; background: url(http://www.wowhead.com/images/money_silver.gif) no-repeat right center }
.moneycopper { padding-right: 15px; background: url(http://www.wowhead.com/images/money_copper.gif) no-repeat right center }
.moneygold, .moneysilver, .moneycopper { color: white }

.sortasc  { padding-right: 15px; background: url(http://www.wowhead.com/images/sort_asc.gif) no-repeat right center }
.sortdesc { padding-right: 15px; background: url(http://www.wowhead.com/images/sort_desc.gif) no-repeat right center }

span.tip { border-bottom: 1px dotted #606060; cursor: help }
div.clear { clear: both }

#bk { width: 28em; border: 3px solid #404040 }
#bk span { display: block; text-align: right; background-color: #404040; padding: 3px 4px 5px 4px }
#bk span p { display: inline; padding: 0; margin: 0 }
#bk div { background-color: #181818; padding: 4px }

#bk p { margin: 0; padding: 0 }
#bk h1, #bk h2 { border: 0; font-weight: bold }
#bk h1 { font-size: 16px }
#bk h2 { font-size: 14px }

#fi table { border-collapse: collapse; border: 0 }
#fi table td { padding: 0; border: 0 }
#fi .padded { padding-top: 12px; white-space: nowrap }
#fi .padded2 { padding-top: 8px }
#fi .rightselect { margin-top: 2px }
#fi .rightpanel { float: right; text-align: right }
#fi .rightpanel2 { float: right; text-align: right; padding-right: 10px }
#fi .smalltextbox { text-align: center; width: 2em }
#fi .smalltextbox2 { text-align: center; width: 2.3em }
.criteria div { padding-bottom: 4px }

.comment, .comment-bt, .comment-blue { font-size: 13px; line-height: 18px; padding: 4px 0; width: 764px; overflow: auto }
.comment-bt { color: #999999 }
.comment-blue { color: #00c0ff }
.comment-header, .comment-header-bt { line-height: 22px; font-size: 11px; padding: 2px 4px 2px 4px }
.comment-header { color: #AAAAAA;  background: #303030 }
.comment-header-bt { color: #888888; background: #202020 }
.comment-rating { float: right; height: 1.33333em }
.comment-rating span { font-weight: bold }
.comment-links  { text-align: right; line-height: 1.4em; font-size: 11px; padding: 0 2px 2px 0 }
.comment-error { color: #cc3333; font-weight: bold; font-size: 11px }
#add-comment { width: 60%; height: 11em; font-family: Arial; font-size: 16px }
.edit-comment { width: 100%; font-family: Arial; font-size: 13px }

.series { border-collapse: collapse }
.series th { color: white; padding: 0.2em 10px 0 0; font-weight: normal; text-align: right; vertical-align: top }
.series td { color: white; padding: 0 }

.iconlist { border-collapse: collapse; margin-top: 4px }
.iconlist li { list-style-type: square; color: #c3030b; padding-left: 12px }
.iconlist td, .iconlist th { font-size: 13px; color: white; padding: 0 2px 3px 0; height: 26px }

.icontab { border-collapse: collapse; margin-top: 4px }
.icontab td { border: 0; padding: 0 4px 4px 0; width: 10em; line-height: 1.5em }
.icontab th { border: 0; padding: 0 3px 0 0 }