source: aowow/templates/wowhead/css/global.css

body
{
        background-color:black;
        margin:0;
        padding:0;
        font-family:Arial,sans-serif;
        font-size:13px;
        color:white;
}

form
{
        padding:0;
        margin:0;
        display:inline;
}

img,iframe
{
        border:0;
}

small
{
        font-size:11px;
}

.border
{
        border:3px solid #404040;
}

.caption
{
        padding-top:2px;
        font-size:11px;
}

pre.code
{
        color:#eee;
        margin:15px;
        margin-top:2px;
        padding:10px;
        background-color:#1c1c1c;
        border:1px dashed #383838;
        line-height:normal;
        font-family:'Lucida Console','Bitstream Vera Sans Mono','Courier New',Monaco,Courier,monospace;
        overflow:auto;
}

div.quote
{
        color:#eee;
        margin:2px 15px 15px;
        padding:10px;
        background-color:#1c1c1c;
        border:1px solid #383838;
        line-height:normal;
}

.text div.quote
{
        display:table;
}

div.quote ol li div,div.quote li div,pre.code ol li div,pre.code li div
{
        color:#ddd!important;
}

.msg-success
{
        color:#3c3;
        font-weight:bold;
        font-size:11px;
}

.msg-failure
{
        color:#c33;
        font-weight:bold;
        font-size:11px;
}

.minipad
{
        padding-bottom:1px;
}

.pad
{
        padding-bottom:10px;
}

.pad2
{
        padding-bottom:1em;
}

.pad3
{
        padding-bottom:2em;
}

.clear
{
        clear:both;
}

a
{
        color:#FFD100;
        cursor:pointer;
        outline:none;
}

a:hover
{
        color:white;
}

a.selected,a.selected:hover
{
        cursor:default;
        color:white;
        font-weight:bold;
        text-decoration:none;
}

a.open
{
        color:white;
}

.text
{
        color:#ccc;
        line-height:1.4em;
}

.text b
{
        color:white;
}

.text ul,.text ol
{
        margin:1em 0;
        padding-left:26px;
}

.text ul.first,.text ol.first
{
        margin-top:0;
}

.text ul.last,.text ol.last
{
        margin-bottom:0;
}

.text ol li
{
        color:#E5CC80;
}

.text ul li
{
        color:#c3030b;
        list-style-type:square;
}

.text li
{
        list-style-position:outside;
        line-height:1.75em;
}

.text ol li div,.text li div
{
        color:white;
}

.text .h1-links
{
        float:right;
}

.text h1
{
        color:white;
        font-size:20px;
        font-weight:normal;
        border-bottom:1px solid #505050;
        padding:0 0 5px;
        margin:0 0 13px;
        line-height:1.1em;
}

.text h2
{
        color:white;
        font-size:18px;
        font-weight:normal;
        border-bottom:1px solid #505050;
        padding:26px 0 3px;
        margin:0 0 13px;
        line-height:1.25em;
        clear:both;
}

.text h3
{
        color:white;
        font-size:14px;
        padding:0;
        margin:1.5em 0 .5em;
}

.text h3 small
{
        font-weight:normal;
}

.text h2.first,.text h3.first
{
        padding-top:0;
        margin-top:0;
}

.text h1 span.sub,.text h2 span.sub,.text h3 span.sub
{
        display:block;
        font-weight:normal;
        font-size:12px;
        color:#707070;
}

.tip
{
        border-bottom:1px dotted #808080;
        cursor:help;
}

.rss-icon
{
        padding-left:18px;
        background:url(../images/rss.gif) no-repeat left center;
}

.bc-icon
{
        padding-right:34px;
        background:url(../images/bc_icon.gif) right center no-repeat;
}

.alliance-icon
{
        padding-left:18px;
        background:url(../images/alliance-icon.gif) left center no-repeat;
}

.horde-icon
{
        padding-left:18px;
        background:url(../images/horde-icon.gif) left center no-repeat;
}

.ffapvp-icon
{
        padding-left:13px;
        background:url(../images/money_ffa.gif) left center no-repeat;
}

.instance-icon1,.instance-icon2,.instance-icon3,.instance-icon4,.instance-icon5
{
        padding-left:19px;
        background:url(../images/instance-icons.gif) no-repeat;
}

.instance-icon1
{
        background-position:left center;
}

.instance-icon2
{
        background-position:-152px center;
}

.instance-icon3
{
        background-position:-357px center;
}

.instance-icon4
{
        background-position:-564px center;
}

.instance-icon5
{
        background-position:-734px center;
}

#noscript-bg
{
        position:fixed;
        left:0;
        top:0;
        width:100%;
        height:100%;
        background-color:black;
        -moz-opacity:.7;
        opacity:.7;
        z-index:9999;
}

#noscript-text
{
        position:absolute;
        text-align:center;
        left:0;
        width:100%;
        top:30%;
        font-size:18px;
        line-height:1.5em;
        z-index:10000;
        padding-top:70px;
        background:url(../images/logo_medium.png) center top no-repeat;
}

#noscript-text b
{
        font-size:22px;
}

#home
{
        text-align:center;
        margin-top:40px;
        padding-top:140px;
        background:url(../images/logo.png) top center no-repeat;
}

#home input
{
        margin-right:2px;
}

#home p
{
        margin:0;
        padding:40px 0;
        color:#ccc;
        line-height:1.75em;
        font-size:12px;
}

#home h1
{
        position:absolute;
        left:-2323px;
        top:-2323px;
}

#layout
{
        min-width:998px;
        max-width:1240px;
        margin:0 auto;
}

#layout.fullwidth
{
        min-width:0;
        max-width:none;
        margin:0 10px;
}

#header
{
        position:relative;
}

#header-logo
{
        position:absolute;
        left:0;
        top:20px;
        background:url(../images/logo_header.png) left center no-repeat;
}

#header-logo a
{
        display:block;
        width:160px;
        height:68px;
        border:0;
}

#header-logo h1
{
        position:absolute;
        left:-2323px;
        top:-2323px;
}

#header-ad
{
        position:absolute;
        right:0;
        width:728px;
        padding-top:10px;
}

#toptabs
{
        text-align:left;
        white-space:nowrap;
        background:url(../images/header-lines.gif) right bottom repeat-x;
}

#toptabs dl
{
        padding:0;
        margin:0;
}

#toptabs dt
{
        display:block;
        float:left;
        margin-right:5px;
        padding:0;
}

#toptabs dl a
{
        display:block;
        height:32px;
        line-height:32px;
        padding:0 8px 0 10px;
        font-family:Arial,sans-serif;
        font-weight:bold;
        font-size:14px;
        text-decoration:none;
        text-transform:uppercase;
        color:#FFCD55;
        cursor:pointer;
        position:relative;
        background:url(../images/header-tabs.gif) left top no-repeat;
}

#toptabs dl a big
{
        font-size:16px;
}

#toptabs dl a span
{
        display:block;
        width:2px;
        height:32px;
        top:0;
        right:-2px;
        position:absolute;
        background:url(../images/header-tabs.gif) right top no-repeat;
}

#toptabs dl ins
{
        text-decoration:none;
        position:relative;
        top:2px;
}

#toptabs dl a:hover,#toptabs dl a.open
{
        background-position:left -32px;
        color:#f6e6b3;
}

#toptabs dl a:hover span,#toptabs dl a.open span
{
        background-position:right -32px;
}

#toptabs dl a.selected
{
        top:1px;
        background-position:left bottom!important;
        color:white!important;
}

#toptabs dl a.selected span
{
        background-position:right bottom!important;
}

#toptabs dl a.selected ins
{
        top:0;
}

#toptabs-inner
{
        padding-top:105px;
        background:url(../images/header-lines-right.gif) right bottom no-repeat;
}

#toptabs-right
{
        float:right;
        color:#999;
        line-height:32px;
        height:32px;
        overflow:hidden;
}

#toptabs-right a
{
        margin:0 6px;
}

#topbar-right
{
        right:14px;
        top:5px;
        float:right;
        position:relative;
}

#topbar-right input
{
        border:1px solid #a7a6aa;
        height:18px;
        padding-left:2px;
        font-size:13px;
        font-family:Arial,sans-serif;
        background:white;
        color:black;
}

#topbar-right a
{
        position:absolute;
        top:0;
        right:-12px;
        z-index:1;
        width:22px;
        height:22px;
        background:url(../images/search.gif) left top no-repeat;
        display:block;
}

#topbar-right a:hover
{
        background-position:left bottom;
}

#topbar
{
        background:#383838;
        border-top:1px solid #484848;
        border-left:1px solid #484848;
        border-right:1px solid #484848;
        padding:7px 0 7px 3px;
        font-size:13px;
}

a#language-changer
{
        text-decoration:none;
        border-bottom:1px dotted #FFD100;
}

a#language-changer:hover,a#language-changer.open
{
        border-bottom:1px dotted white;
}

.menu-buttons a
{
        text-decoration:none;
        color:white;
        padding:3px 8px;
        border:1px solid #383838;
        font-size:13px;
        white-space:nowrap;
}

.menu-buttons a:hover
{
        text-decoration:underline;
}

.menu-buttons a.open
{
        background-color:#484848;
        border:1px solid #282828;
}

#morelink
{
        padding:3px 0 3px 8px;
}

#sidebar
{
        position:relative;
}

#sidebar-contents
{
        position:absolute;
        right:0;
        top:96px;
}

#sidebar-ad
{
        width:160px;
        padding-top:10px;
}

#contribute-ad
{
        float:right;
        width:300px;
        position:relative;
}

#wrapper.noads
{
        margin:0;
}

#wrapper
{
        margin-right:170px;
}

#main
{
        border:1px solid #282828;
        background:#181818;
        min-height:520px;
        padding:18px 10px 10px;
}

#wrapper.noads #main
{
        min-height:0;
}

#main-contents.main-contents
{
        border:1px solid #383838;
        background-color:#242424;
        padding:10px;
        min-height:498px;
}

#wrapper.noads #main-contents
{
        min-height:0;
}

.path-right
{
        float:right;
        font-size:14px;
        margin-right:4px;
}

.path
{
        cursor:default;
        font-size:15px;
        padding:0 0 10px 20px;
        background:url(../images/favicon.gif) left 1px no-repeat;
}

#footer
{
        font-size:12px;
        color:#666;
        text-align:center;
        padding-top:32px;
        margin-bottom:3em;
}

#footer a
{
        margin:0 .5em;
}

#beyondfooter
{
        background-color:#181818;
        border-top:3px solid #282828;
        border-bottom:3px solid #282828;
        padding:10px 10px 15px;
        line-height:1.5em;
}

#beyondfooter h3
{
        margin:0 0 3px;
}

#beyondfooter a
{
        margin:0 .5em;
}

.toplinks
{
        color:#bbb;
        padding-top:3px;
        position:absolute;
        height:20px;
        top:2px;
        right:2px;
}

.toplinks a
{
        margin:0 6px;
}

.infobox
{
        float:right;
        margin:0 0 10px 10px;
        border-collapse:collapse;
        background-color:#181818;
        border:1px solid #404040;
}

.infobox-spacer
{
        width:174px;
        height:1px;
        background-color:#181818;
}

.infobox th
{
        color:white;
        padding:11px 12px;
        font-size:14px;
        text-align:center;
        font-weight:bold;
}

.infobox th small
{
        font-weight:normal;
}

.infobox td
{
        padding:0 12px 12px;
        font-size:13px;
        line-height:1.75em;
        white-space:nowrap;
}

.infobox ul
{
        margin:0;
        padding-left:13px;
}

.infobox li
{
        color:#c3030b;
        list-style-type:square;
}

.infobox li div
{
        color:white;
}

#infobox-sticky
{
        text-align:center;
}

#infobox-sticky img
{
        border:3px solid #404040;
        margin-bottom:4px;
}

.series
{
        border-collapse:collapse;
        line-height:1.5em;
}

.series th
{
        padding:.2em 10px 0 0;
        font-weight:normal;
        text-align:right;
        vertical-align:top;
}

.series td
{
        padding:0;
}

.minibox
{
        float:right;
        margin:0 0 4px 10px;
        background-color:#181818;
        border:1px solid #404040;
        padding:8px;
        font-size:11px;
        text-align:center;
}

.minibox h3
{
        margin:0 0 5px;
}

.minibox h3 a
{
        color:white;
}

.minibox small,.minibox small a
{
        color:#9d9d9d;
}

.menu
{
        position:absolute;
        z-index:100000000;
}

.menu table
{
        border-collapse:collapse;
}

.menu table td
{
        padding:0;
        vertical-align:top;
}

.menu p
{
        margin:0;
        padding:0;
        position:relative;
}

.menu em,.menu var,.menu strong
{
        display:block;
        position:absolute;
        background:url(../images/menu_shadow.png) no-repeat;
}

.menu em
{
        width:5px;
        top:0;
        bottom:0;
        right:-5px;
        background-position:right top;
}

.menu var
{
        width:5px;
        height:6px;
        right:-5px;
        bottom:-6px;
        background-position:right bottom;
}

.menu strong
{
        height:6px;
        left:0;
        right:0;
        bottom:-6px;
        background-position:left bottom;
}

.menu div
{
        border:1px solid #202020;
}

.menu div div
{
        border:2px solid #484848;
        border-top:1px solid #484848;
        white-space:nowrap;
        font-size:13px;
}

.menu span
{
        display:block;
        padding:0 18px 0 0;
}

.menu span span
{
        padding:0 0 0 18px;
}

.menu span.separator
{
        padding:4px 9px;
        background:#181818;
        border-top:1px solid #484848;
        font-weight:bold;
        cursor:default;
}

.menu a
{
        display:block;
        padding:4px;
        text-decoration:none;
        background-color:#282828;
        border-top:1px solid #484848;
        border-bottom:1px solid #101010;
}

.menu a.open,.menu a:hover
{
        border-bottom:1px solid #202020;
        background-color:#383838;
}

.menucheck
{
        background:url(../images/menu_check.gif) left center no-repeat;
}

.menusub
{
        background:url(../images/menu_arrow.gif) right center no-repeat;
}

.menuarrow
{
        padding-right:16px;
        background:url(../images/menu_arrow.gif) right center no-repeat;
}

.menuarrowd
{
        padding-right:11px;
        background:url(../images/menu_arrowd.gif) right center no-repeat;
}

.tabs
{
        margin:0;
        padding:0;
}

.tabs li
{
        float:left;
        margin-right:3px;
        height:30px;
        overflow:hidden;
}

.tabs a
{
        float:left;
        position:relative;
        display:block;
        height:29px;
        text-decoration:none;
        white-space:nowrap;
        background:#303030 url(../images/tab_tr.gif) no-repeat top right;
        border-bottom:1px solid #282828;
}

.tabs a:hover
{
        background-color:#383838;
        border-bottom:1px solid #303030;
}

.tabs a.selected,.tabs a.selected:hover
{
        background-color:#404040;
        border-bottom:1px solid #404040;
}

.tabs b
{
        padding:0 5px;
        display:block;
        visibility:hidden;
}

.tabs div
{
        position:absolute;
        left:0;
        top:0;
        width:100%;
        text-align:center;
        line-height:30px;
        background:url(../images/tab_tl.gif) top left no-repeat;
}

.tabs-container
{
        position:relative;
        overflow:hidden;
}

.tabs-levels
{
        position:absolute;
        left:0;
        bottom:0;
        width:100%;
}

.tabs-level
{
        position:relative;
        width:100%;
        height:30px;
        overflow:hidden;
}

.tabs-level ul
{
        position:absolute;
        left:0;
}

.tabbed-contents
{
        border:1px solid #404040;
        border-top-width:3px;
        background-color:#181818;
        padding:8px;
        clear:both;
}

.old-tabs
{
        margin:0;
        padding:0;
}

.old-tabs li
{
        display:block;
        float:left;
        position:relative;
        padding:0;
        margin-right:3px;
}

.old-tabs a
{
        display:block;
        float:left;
        height:29px;
        text-decoration:none;
        white-space:nowrap;
        background:#303030 url(../images/tab_tr.gif) no-repeat top right;
        border-bottom:1px solid #282828;
        line-height:29px;
        vertical-align:middle;
        padding:0 9px 0 8px;
}

.old-tabs a:hover
{
        background-color:#383838;
        border-bottom:1px solid #303030;
}

.old-tabs a.selected,.tabs a.selected:hover
{
        background-color:#404040;
        border-bottom:1px solid #404040;
}

.old-tabs div
{
        position:absolute;
        left:0;
        top:0;
        width:2px;
        height:2px;
        background:url(../images/tab_tl.gif) no-repeat;
}

.iconlist
{
        border-collapse:collapse;
        margin-top:4px;
}

.iconlist ul
{
        margin:0;
        padding:0;
}

.iconlist ul li
{
        list-style-position:inside;
        list-style-type:square;
        padding-left:13px;
}

.iconlist th
{
        padding:0;
}

.iconlist td
{
        padding:4px 0 6px;
        color:white;
}

.iconlist var
{
        font-size:1px;
}

.iconlist .iconsmall
{
        margin-right:4px;
}

.icontab
{
        border-collapse:collapse;
        margin-top:4px;
}

.icontab tr
{
        background:none!important;
}

.icontab th,.icontab td
{
        border:0!important;
}

.icontab td
{
        padding:0 4px 4px 0;
        width:10em;
        line-height:1.5em;
}

.icontab th
{
        padding:0 3px 0 0;
}

.random-enchantments
{
        float:left;
        width:47%;
}

a.moneyitem,a.moneysocketmeta,a.moneysocketred,a.moneysocketyellow,a.moneysocketblue
{
        text-decoration:none!important;
        border-bottom:1px solid transparent;
}

a.moneyitem:hover,a.moneysocketmeta:hover,a.moneysocketred:hover,a.moneysocketyellow:hover,a.moneysocketblue:hover
{
        border-bottom:1px solid white;
}

.moneyitem,.moneygold,.moneysilver,.moneycopper,.moneyalliance,.moneyhorde,.moneyarena,.moneysocketmeta,.moneysocketred,.moneysocketyellow,.moneysocketblue
{
        color:white;
        background:no-repeat right center;
}

.moneyitem
{
        padding-right:18px;
}

.moneygold
{
        padding-right:15px;
        background-image:url(../images/money_gold.gif);
}

.moneysilver
{
        padding-right:15px;
        background-image:url(../images/money_silver.gif);
}

.moneycopper
{
        padding-right:15px;
        background-image:url(../images/money_copper.gif);
}

.moneyalliance
{
        padding-right:12px;
        background-image:url(../images/money_alliance.gif);
}

.moneyhorde
{
        padding-right:17px;
        background-image:url(../images/money_horde.gif);
}

.moneyarena
{
        padding-right:18px;
        background-image:url(../images/money_arena.gif);
}

.moneysocketmeta
{
        padding-right:18px;
        background-image:url(../images/socket_meta.gif);
}

.moneysocketred
{
        padding-right:18px;
        background-image:url(../images/socket_red.gif);
}

.moneysocketyellow
{
        padding-right:18px;
        background-image:url(../images/socket_yellow.gif);
}

.moneysocketblue
{
        padding-right:18px;
        background-image:url(../images/socket_blue.gif);
}

.q
{
        color:#ffd100!important;
}

.q0,.q0 a
{
        color:#9d9d9d!important;
}

.q1,.q1 a
{
        color:#fff!important;
}

.q2,.q2 a
{
        color:#1eff00!important;
}

.q3,.q3 a
{
        color:#0070dd!important;
}

.q4,.q4 a
{
        color:#a335ee!important;
}

.q5,.q5 a
{
        color:#ff8000!important;
}

.q6,.q6 a
{
        color:#e5cc80!important;
}

.q7,.q7 a
{
        color:#f00!important;
}

.q8,.q8 a
{
        color:#ffff98!important;
}

.r1
{
        color:#FF8040;
}

.r2
{
        color:#FF0;
}

.r3
{
        color:#40BF40;
}

.r4
{
        color:#808080;
}

.iconsmall
{
        width:26px;
        height:26px;
        background:4px 4px no-repeat;
        position:relative;
}

.iconsmall .tile
{
        width:26px;
        height:26px;
        background-image:url(../images/icon_border_small.png);
}

.iconsmall a
{
        width:20px;
        height:20px;
        left:3px;
        top:3px;
        position:absolute;
        z-index:20;
        display:block;
        border:0;
        background:url(../images/icon_hilite_small.png) no-repeat 20px 0;
}

.iconsmall a:hover
{
        background-position:0 0;
}

.icontiny
{
        padding-left:18px;
        background:left center no-repeat;
}

.iconmedium
{
        width:44px;
        height:44px;
        background:4px 4px no-repeat;
        position:relative;
}

.iconmedium .tile
{
        width:44px;
        height:44px;
        background-image:url(../images/icon_border_medium.png);
}

.iconmedium a
{
        width:38px;
        height:38px;
        left:3px;
        top:3px;
        position:absolute;
        z-index:20;
        display:block;
        border:0;
        background:url(../images/icon_hilite_medium.png) no-repeat 0 0;
}

.iconmedium a:hover
{
        background-position:-38px 0;
}

.iconlarge
{
        width:68px;
        height:68px;
        background:6px 6px no-repeat;
        position:relative;
}

.iconlarge .tile
{
        width:68px;
        height:68px;
        background-image:url(../images/icon_border_large.png);
}

.iconlarge .hover
{
        width:54px;
        height:56px;
        left:6px;
        top:6px;
        position:absolute;
        z-index:20;
        cursor:default;
}

.iconlarge .hover a
{
        width:54px;
        height:56px;
        display:block;
        border:0;
}

.iconsmall .glow
{
        font-size:11px;
        margin:2px 5px 2px 4px;
        cursor:default;
        font-weight:bold;
}

.iconmedium .glow
{
        font-size:13px;
        margin:4px 6px;
        cursor:default;
        font-weight:bold;
}

.iconlarge .glow
{
        font-size:18px;
        margin:4px 6px;
        cursor:default;
        font-weight:bold;
}

.tooltip
{
        visibility:hidden;
        z-index:100000000;
}

.tooltip a
{
        text-decoration:none;
}

.tooltip a:hover
{
        text-decoration:underline;
}

.tooltip table
{
        border-spacing:0;
        border-collapse:collapse;
}

.tooltip td,.tooltip th
{
        background:url(../images/tooltip.png);
        font-family:Verdana,sans-serif;
        font-size:12px;
        line-height:17px;
        color:white;
}

.tooltip th
{
        padding:3px;
}

.tooltip td
{
        padding:8px 4px 1px 9px;
}

.tooltip b
{
        font-size:14px;
        line-height:19px;
        font-weight:normal;
}

.tooltip div.indent
{
        padding-left:.6em;
}

.tooltip td th,.tooltip td td
{
        background:none;
}

.tooltip td th
{
        padding:0 0 0 4em;
        text-align:right;
        font-weight:normal;
}

.tooltip td td
{
        padding:0;
}

.tooltip p
{
        position:absolute;
        left:-44px;
        top:-1px;
        width:44px;
        height:44px;
        background:4px 4px no-repeat;
        margin:0;
        padding:0;
}

.tooltip p div
{
        width:44px;
        height:44px;
        background-image:url(../images/icon_border_medium.png);
}

.tooltip table.shrink b
{
        font-size:12px;
        line-height:15px;
}

.tooltip table.shrink td,.tooltip table.shrink th
{
        font-size:10px;
        line-height:14px;
}

.socket-meta
{
        padding-left:26px;
        background:url(../images/socket_meta.gif) no-repeat left center;
}

.socket-red
{
        padding-left:26px;
        background:url(../images/socket_red.gif) no-repeat left center;
}

.socket-yellow
{
        padding-left:26px;
        background:url(../images/socket_yellow.gif) no-repeat left center;
}

.socket-blue
{
        padding-left:26px;
        background:url(../images/socket_blue.gif) no-repeat left center;
}

.inputbox
{
        width:30em;
        color:#ccc;
        background-color:#383838;
        border-left:1px solid #606060;
        border-top:1px solid #606060;
        border-right:1px solid #101010;
        border-bottom:1px solid #101010;
        margin:0 auto;
        padding:15px;
        line-height:1.7em;
}

.inputbox table
{
        border-collapse:collapse;
}

.inputbox td
{
        padding:2px;
}

.inputbox h1
{
        color:white;
        font-size:16px;
        text-align:center;
        padding-bottom:6px;
        margin:0;
}

#inputbox-error
{
        color:#c33;
        font-weight:bold;
        font-size:14px;
        padding-bottom:10px;
        text-align:center;
}

.listview
{
        background-color:#181818;
        border:3px solid #404040;
        clear:both;
}

.listview-void
{
        display:none;
}

.listview-band-top,.listview-band-bottom
{
        background-color:#404040;
        color:#ccc;
}

.listview-band-top
{
        padding:3px 0 6px;
}

.listview-band-bottom
{
        padding:6px 0 3px;
}

.listview-band-top input,.listview-band-bottom input,.listview-band-top select,.listview-band-bottom select
{
        font-size:11px;
        vertical-align:middle;
        margin-right:.5em;
}

.listview-nav
{
        float:right;
        padding-right:1px;
        cursor:default;
}

.listview-nav a,.listview-nav span
{
        margin-left:.5em;
}

.listview-note
{
        line-height:16px;
}

.listview table
{
        width:100%;
        border-collapse:collapse;
}

.listview th
{
        font-size:14px;
        font-weight:bold;
        padding:0;
        border-bottom:1px solid #202020;
}

.listview thead div
{
        position:relative;
        border-top:1px solid #707070;
        border-left:1px solid #707070;
        border-right:1px solid #303030;
        border-bottom:1px solid #303030;
}

.listview thead a
{
        display:block;
        padding:4px 0;
        text-decoration:none;
        color:white;
        background-color:#585858;
}

.listview thead a span
{
        padding:0 4px;
}

.listview thead a span span
{
        padding:0;
}

.listview th a:hover
{
        background-color:#606060;
}

.listview-std td
{
        padding:4px;
        color:#ddd;
        text-align:center;
        border:1px solid #404040;
}

.listview-std .small
{
        font-size:11px;
}

.listview-std .small2
{
        font-size:11px;
        padding-top:3px;
}

.listview-std .small3
{
        font-size:11px;
        color:#707070;
}

.listview-std .crop
{
        height:1.33333em;
        overflow:hidden;
}

.listview-std a
{
        text-decoration:none;
}

.listview-std a:hover
{
        text-decoration:underline;
}

.listview-std tr
{
        cursor:pointer;
}

.listview-std tr:hover
{
        background-color:#202020;
}

.listview-mode3 td
{
        cursor:pointer;
}

.listview-mode3 td:hover
{
        background-color:#202020;
}

.listview-mode3 td.empty-cell
{
        cursor:default!important;
}

.listview-mode3 td.empty-cell:hover
{
        background:none!important;
}

.listview tr.checked
{
        background-color:#242424;
}

.listview tr.checked:hover
{
        background-color:#2C2C2C;
}

.listview-cb
{
        text-align:center;
}

.listview-cb input
{
        cursor:pointer;
}

.listview-nodata
{
        padding:4px;
        text-align:center;
}

.sortasc
{
        padding-right:15px!important;
        background:url(../images/sort_asc.gif) no-repeat right center;
}

.sortdesc
{
        padding-right:15px!important;
        background:url(../images/sort_desc.gif) no-repeat right center;
}

.comment
{
        color:#ddd;
        font-size:13px;
        line-height:1.5em!important;
        padding:4px 4px 0;
}

.listview-aci .comment-indent
{
        padding-left:32px;
}

.comment-header,.comment-header-bt
{
        font-size:11px;
        padding:4px;
        margin-bottom:4px;
}

.comment-header a,.comment-header-bt a
{
        font-weight:bold;
}

.comment-header a.q0,.comment-header-bt a.q0
{
        font-weight:normal;
        color:#aaa!important;
        text-decoration:none;
}

.comment-header a.q0:hover,.comment-header-bt a.q0:hover
{
        text-decoration:underline;
}

.comment-header
{
        color:#AAA;
        background:#303030;
}

.comment-header-bt
{
        color:#888;
        background:#202020;
}

.comment-rating
{
        float:right;
        color:white;
}

.comment-rating span
{
        font-weight:bold;
}

.comment-body,.comment-body-indent
{
        overflow:auto;
}

.comment-body ul,.comment-body ol
{
        margin:1em 0;
        padding-left:26px;
}

.comment-body b
{
        color:white;
}

.comment-body ol li
{
        color:#E5CC80;
}

.comment-body ul li
{
        color:#c3030b;
        list-style-type:square;
}

.comment-body li
{
        list-style-position:outside;
        line-height:1.75em;
}

.comment-body ol li div,.comment-body li div
{
        color:#ddd;
}

.comment-bt,.comment-bt ol li div,.comment-bt li div
{
        color:#999;
}

.comment-green,.comment-green ol li div,.comment-green li div
{
        color:#5DF644!important;
}

.comment-blue,.comment-blue ol li div,.comment-blue li div
{
        color:#00C0FF!important;
}

.comment-pink,.comment-pink ol li div,.comment-pink li div
{
        color:#F9F!important;
}

.comment-edit-modes
{
        font-size:11px;
}

.comment-edit-modes a
{
        padding:0 5px;
}

.comment-edit-buttons
{
        padding-top:4px;
}

.comment-edit-body
{
        font-size:11px;
}

.comment-edit-body textarea
{
        width:99.5%;
        height:11em;
        font-family:Arial,sans-serif;
        font-size:16px;
        margin:3px 0;
}

.comment-lastedit
{
        padding-top:4px;
        font-style:italic;
        color:#9d9d9d;
        font-size:11px;
}

.comment-links
{
        text-align:right;
        font-size:11px;
        padding:0 2px 2px 0;
        color:#ddd;
        font-weight:bold;
}

.comment-links a
{
        font-weight:normal;
}

.comment-links span,.comment-links span a
{
        padding-right:5px;
}

.screenshot-cell
{
        cursor:pointer;
        padding:10px 4px;
        text-align:center;
}

.screenshot-cell img
{
        border:3px solid #404040;
        margin-bottom:3px;
}

.screenshot-cell-user
{
        width:100%;
        overflow:hidden;
        font-size:11px;
        padding-bottom:5px;
        color:#ccc;
}

.screenshot-cell-user a
{
        font-weight:bold;
}

.screenshot-caption,.screenshot-caption-over
{
        width:100%;
        position:absolute;
        line-height:18px;
}

.screenshot-caption
{
        overflow:hidden;
        height:1.33333em;
        padding:1px;
        left:0;
        top:0;
        z-index:0;
}

.screenshot-caption-over
{
        color:white;
        background-color:#505050;
        border:1px solid #303030;
        padding:0;
        left:0;
        top:0;
        z-index:1;
}

.grid
{
        width:100%;
        clear:both;
        border-collapse:collapse;
        background-color:#181818;
        border:3px solid #404040;
}

.grid tr:hover
{
        background-color:#202020;
}

.grid td
{
        padding:4px;
        color:#ddd;
        font-size:13px;
}

.grid th
{
        vertical-align:top;
        font-weight:normal;
        color:white;
        padding:4px;
        text-align:left;
        white-space:nowrap;
}

.grid td,.grid th
{
        border-top:1px solid #404040;
        border-bottom:1px solid #404040;
        border-left:1px solid #282828;
        border-right:1px solid #282828;
}

.reputation
{
        display:block;
        border:1px solid #404040;
        background:black;
        font-size:11px;
        font-weight:bold;
        line-height:1.5em;
        color:white;
        text-decoration:none;
        cursor:default;
        position:relative;
        margin:1px 0 3px;
}

.reputation del
{
        text-decoration:none;
}

.reputation ins
{
        display:none;
        text-decoration:none;
}

.reputation:hover
{
        border:1px solid #4e4e37;
}

.reputation:hover ins
{
        display:inline;
}

.reputation:hover del
{
        display:none;
}

.reputation-bar0
{
        border-top:1px solid #b82e21;
        border-bottom:1px solid #9c2319;
        background-color:#861c10;
}

.reputation-bar1
{
        border-top:1px solid #c9662b;
        border-bottom:1px solid #b05421;
        background-color:#994515;
}

.reputation-bar2
{
        border-top:1px solid #d59b31;
        border-bottom:1px solid #bf8626;
        background-color:#aa7419;
}

.reputation-bar3
{
        border-top:1px solid #d2b130;
        border-bottom:1px solid #bb9b25;
        background-color:#a68818;
}

.reputation-bar4
{
        border-top:1px solid #a4a201;
        border-bottom:1px solid #8d8b01;
        background-color:#777601;
}

.reputation-bar5
{
        border-top:1px solid #74a001;
        border-bottom:1px solid #638701;
        background-color:#527001;
}

.reputation-bar6
{
        border-top:1px solid #30a601;
        border-bottom:1px solid #288b01;
        background-color:#217201;
}

.reputation-bar7
{
        border-top:1px solid #0aa087;
        border-bottom:1px solid #068870;
        background-color:#007564;
}

.reputation-text
{
        position:absolute;
        left:0;
        top:1px;
        width:100%;
        height:100%;
        text-align:center;
}

.article-footer
{
        background:url(../images/icon16-article.gif) left 3px no-repeat;
        color:#9d9d9d;
        margin-top:1em;
        font-size:11px;
        padding:3px 0 3px 20px;
}

a.button-red
{
        position:relative;
        display:block;
        float:right;
        text-decoration:none;
        cursor:pointer;
        line-height:21px;
        color:#FFD100;
        font-weight:bold;
        font-size:11px;
        background:url(../images/button-red.gif) left 0 no-repeat;
        padding-left:13px;
        white-space:nowrap;
        outline:none;
        margin-left:10px;
}

a.button-red p
{
        margin:0;
        padding:0;
        left:13px;
        top:2px;
        position:absolute;
        color:black;
}

a.button-red span
{
        display:block;
        position:relative;
        z-index:5;
}

a.button-red i
{
        position:absolute;
        left:-1px;
        top:2px;
        z-index:1;
        font-style:normal;
        color:black;
}

a.button-red div
{
        padding-right:13px;
        background:url(../images/button-red.gif) right 0 no-repeat;
}

a.button-red blockquote
{
        margin:0;
        padding:0;
        position:absolute;
}

a:hover.button-red
{
        color:white;
        background-position:left -21px;
}

a:hover.button-red div
{
        background-position:right -21px;
}

a:active.button-red
{
        background-position:left -63px;
}

a:active.button-red div
{
        background-position:right -63px;
}

a:active.button-red span,a:active.button-red i
{
        left:-2px;
}

a:active.button-red-disabled span,a:active.button-red-disabled i
{
        left:0;
}

a.button-red-disabled
{
        cursor:default!important;
}

a.button-red-disabled,a:hover.button-red-disabled
{
        background-position:left -84px!important;
        color:#A0A0A0;
        cursor:default;
}

a.button-red-disabled div,a:hover.button-red-disabled div
{
        background-position:right -84px!important;
}

.live-search
{
        position:absolute;
        z-index:50;
        left:0;
        top:0;
        background:#484848;
        border:1px solid #202020;
        padding:0 2px 2px;
        white-space:nowrap;
        color:#FFD100;
        font-size:12px;
}

.live-search em,.live-search var,.live-search strong
{
        display:block;
        position:absolute;
        background:url(../images/menu_shadow.png) no-repeat;
}

.live-search em
{
        width:5px;
        top:0;
        bottom:0;
        right:-5px;
        background-position:right top;
}

.live-search var
{
        width:5px;
        height:6px;
        right:-5px;
        bottom:-6px;
        background-position:right bottom;
}

.live-search strong
{
        height:6px;
        left:0;
        right:0;
        bottom:-6px;
        background-position:left bottom;
}

.live-search div
{
        background-color:#282828;
}

.live-search div div
{
        background-color:transparent;
        position:relative;
        border-top:1px solid #484848;
        border-bottom:1px solid #101010;
        overflow:hidden;
}

.live-search a
{
        display:block;
        text-decoration:none;
        padding:4px;
        padding-left:28px;
}

.live-search a:hover
{
        color:#FFD100;
}

.live-search i
{
        display:block;
        position:absolute;
        font-style:normal;
        line-height:1.5em;
        top:3px;
        right:0;
        padding:0 4px;
        font-size:11px;
        color:#808080;
        background:#282828;
}

.live-search a:hover i
{
        padding-right:18px;
        background-image:url(../images/search-arrow.gif);
        background-position:right center;
        background-repeat:no-repeat;
}

div.live-search-selected i
{
        background-color:#383838;
}

div.live-search-selected
{
        background-color:#383838;
}

div.live-search-selected div
{
        border-bottom:1px solid #202020;
        color:white;
}

div.live-search-icon
{
        background-position:4px 3px;
        background-repeat:no-repeat;
}

div.live-search-icon div
{
        background-image:url(../images/icon_border_small.png);
        background-position:left center;
        background-repeat:no-repeat;
}

div.live-search-icon-quest-alliance
{
        background-image:url(../images/alliance-icon.gif);
        background-position:3px 5px;
        background-repeat:no-repeat;
}

div.live-search-icon-quest-horde
{
        background-image:url(../images/horde-icon.gif);
        background-position:6px 5px;
        background-repeat:no-repeat;
}

a.expand-site
{
        position:absolute;
        display:block;
        left:-10px;
        top:77px;
        background:url(../images/expandsite.gif) no-repeat;
        width:8px;
        height:38px;
        outline:none;
}

a:hover.expand-site
{
        background-position:0 -38px;
}

div.lightbox-outer
{
        position:fixed;
        left:50%;
        top:50%;
        width:1px;
        height:1px;
        font-size:1px;
        z-index:60;
}

div.lightbox-inner
{
        position:absolute;
        z-index:70;
}

div.lightbox-overlay
{
        position:absolute;
        left:0;
        top:0;
        width:100%;
        background:black;
        opacity:.8;
        z-index:50;
}

div.modelviewer
{
        padding:10px 10px 0;
        background-color:#303030;
        font-size:13px;
}

div.modelviewer-screen
{
        background-color:#181818;
        width:600px;
        height:400px;
        overflow:hidden;
        text-align:center;
}

div.modelviewer-quality
{
        float:left;
        padding:10px 0;
}

div.modelviewer-quality span
{
        float:left;
        display:block;
        line-height:22px;
}

div.modelviewer-model
{
        padding:10px 0;
}

a.modelviewer-help
{
        float:right;
        display:block;
        padding:10px 0 10px 10px;
        margin-right:10px;
}

a.modelviewer-close
{
        float:right;
        display:block;
        padding:10px 0 10px 10px;
}

div.screenshotviewer
{
        padding:10px 10px 0;
        background-color:#303030;
        font-size:13px;
}

div.screenshotviewer-screen
{
        background-color:black;
        position:relative;
        text-align:center;
}

div.screenshotviewer-screen a
{
        display:block;
        position:absolute;
        z-index:100;
        top:0;
        height:100%;
}

a.screenshotviewer-prev
{
        left:0;
        width:50%;
}

a.screenshotviewer-next
{
        left:50.5%;
        width:50%;
}

a.screenshotviewer-cover
{
        left:0;
        width:100%;
}

div.screenshotviewer-screen a span
{
        display:none;
        position:absolute;
        top:10%;
        padding:10px;
        background-color:#303030;
}

div.screenshotviewer-screen a:hover span
{
        display:block;
}

a.screenshotviewer-prev span
{
        left:0;
}

a.screenshotviewer-next span
{
        right:0;
}

a.screenshotviewer-cover span
{
        position:static!important;
        margin:0 auto;
}

a.screenshotviewer-original
{
        float:right;
        display:block;
        padding:10px 0 10px 10px;
        margin-right:10px;
}

a.screenshotviewer-close
{
        float:right;
        display:block;
        padding:10px 0 10px 10px;
}

div.screenshotviewer-from
{
        padding-top:10px;
        font-size:11px;
        color:#ccc;
}

div.screenshotviewer-caption
{
        font-size:11px;
        padding:5px 0 10px;
}

div.toolbar button
{
        padding-left:2px;
        padding-right:2px;
        margin-right:2px;
}

div.toolbar img
{
        width:16px;
        height:16px;
        background:url(../images/toolbar.png) no-repeat;
}

img.toolbar-b
{
        background-position:0 0!important;
}

img.toolbar-i
{
        background-position:-16px 0!important;
}

img.toolbar-u
{
        background-position:-32px 0!important;
}

img.toolbar-s
{
        background-position:-48px 0!important;
}

img.toolbar-url
{
        background-position:-64px 0!important;
}

img.toolbar-small
{
        background-position:-80px 0!important;
}

img.toolbar-quote
{
        background-position:-96px 0!important;
}

img.toolbar-code
{
        background-position:-112px 0!important;
}

img.toolbar-ul
{
        background-position:-128px 0!important;
}

img.toolbar-ol
{
        background-position:-144px 0!important;
}

img.toolbar-li
{
        background-position:-160px 0!important;
}

.disclosure-on,.disclosure-off
{
        background:url(../images/disclosure_arrow.gif) no-repeat left center;
        padding-left:15px;
}

.disclosure-off
{
        background-position:-290px center;
}

a.disclosure-on,a.disclosure-off
{
        color:white;
        text-decoration:none;
        font-weight:bold;
}

a.disclosure-on:hover,a.disclosure-off:hover
{
        text-decoration:underline;
}

a.captcha
{
        display:block;
        width:150px;
        height:40px;
        margin:8px 1px;
}

a.captcha:hover
{
        border:1px dotted #747474;
        margin:7px 0;
        background-color:#343434;
}

.tabbed-contents a.captcha:hover
{
        border:1px dotted #686868;
        background-color:#282828;
}

.inputbox a.captcha:hover
{
        border:1px dotted #888;
        background-color:#484848;
}

#fi
{
        color:#ccc;
}

#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;
}

div.line
{
        border-bottom:1px solid #505050;
        margin:0 0 13px;
        line-height:1.1em;
}