a {color: yellow;} /* character */ .section-character { background: url('../images/character-section.jpg') no-repeat 0 -1px; } .character-image { position: absolute; top: -40px; left: -40px; width: 66px; height: 250px; display: block; background: url('../images/character-section.png') no-repeat;} /* guild */ .section-guild { background: url('../images/general-section.jpg') no-repeat 0px 7px; } .guild-image { position: absolute; top: -76px; left: -96px; width: 130px; height: 250px; display: block; background: url('../images/general-section.png') no-repeat;} /* item */ .section-item { background: url('../images/item-section.jpg') no-repeat 0px -1px; } .item-image { position: absolute; top: -65px; left: -44px; width: 70px; height: 398px; display: block; background: url('../images/item-section.png') no-repeat;} /* arena */ .section-arena { background: url('../images/arena-section.jpg') no-repeat 0 7px; } .arena-image { position: absolute; top: -86px; left: -87px; width: 130px; height: 290px; display: block; background: url('../images/arena-section.png') no-repeat; } /* Layout */ /*_______________________________________________________________*/ .relative { position: relative; } .myGrey { color: #999999;} .divAbsolute { position: absolute;} .bottom-background { height:100%; width:100%; background: url('../images/bg-bot.jpg') repeat-x scroll bottom center;} .bottom-background-align { vertical-align:top; text-align:center; } .bottom-background-align2 { text-align:left; } .copyright { width:100%; text-align:center; color:#7B9783; font-weight:bold; position: relative; top:-30px;} #legalicon-container{position:relative; margin: 0 auto; width:275px; top:5px; display:none;} td.lcol, td.rcol { width: 50%; } .top-anchor, .deco, .search-container { margin: 0 auto; width: 425px; position: relative; } .top-anchor { height: 1px; z-index: 0; } .int { z-index: 99; } .deco { height: 37px; background: url('../images/logo-top.gif') no-repeat; z-index: 101; } .chains { position: absolute; top: 0; height: 100px; width: 29px; background: url('../images/chains.gif') repeat-y; } .lc { left: 5px; } .rc { left: 390px; } .dec-left, .dec-right { width: 118px; height: 78px; position: absolute; top: 19px; } .dec-left { left: 20px; background: url('../images/dec-left.gif') no-repeat; } .dec-right { left: -111px; background: url('../images/dec-right.gif') no-repeat; } .dec1 { background: url('../images/dec-left1.gif') no-repeat; } .dec2 { background: url('../images/dec-right1.gif') no-repeat; } .main-top-left h3 { display: block; position: absolute; top: -84px; left: -22px; width: 264px; height: 106px; background: url('../images/armory-top.gif') no-repeat 0 0; margin: 0; padding: 0; } .armory-left, a.armory-title { display: block; float: left; margin: 58px 0 0 0; height: 48px; } .armory-left { width: 40px; background: url('../images/armory-left.gif') no-repeat; } .armory-bot { position: absolute; top: 20px; left: -22px; width: 40px; height: 64px; background: url('../images/armory-bot.gif'); } .beta { position: absolute; top: -36px; left: 180px; width: 59px; height: 34px; display: block; } .betaLink { position: absolute; top: -36px; left: 180px; width: 59px; height: 34px; display: block; z-index: 999; } .betaLink img { width: 59px; height: 34px; border: none; } .nav-container { position: relative; z-index: 9999; margin: 5px auto 3px; width: 95%; background: none; height: 23px; } .results { margin: 45px auto 3px; } .nav-left { background: url('../images/nav-left.gif') no-repeat; width: 10px; height: 43px; float: left; } .nav-right { background: url('../images/nav-right.gif') no-repeat; width: 10px; height: 43px; float: right; } .interior { background: url('../images/nav-right1.gif') no-repeat; } #historyStorageForm, #historyStorageField {position: absolute; display:none;} #loadingDiv { position:absolute; z-index:99999; background: url('../images/darken.png'); width: 100%; height: 100%; visibility:hidden;} #loadingDivInner{ position: relative; top:10px; background: url('../images/loading.gif') no-repeat 100% 0; width: 100%; height: 119px; } #loadingDivAni{ position: absolute; width: 43px; height: 43px; right:132px;} #loadingDivInnerText{ position: absolute; top:12px; right: 10px; text-align: center; width: 155px; height: 62px; color: black; font: 14px "Arial Black", Arial, Helvetica, sans-serif; text-transform: uppercase; } #loadingDivInnerText em { display: block; font-style: normal; color: white; position: absolute; top: -1px; right: 1px; text-align: center; width: 155px; height: 62px; } .always-scroll { height:1px; width: 50px; position: relative; top: 0px;} #dataElement { min-width:930px; min-height:630px;} #clearSpacer { width:930px; height:1px;} img.firefox { position: relative; top: 6px; border: none; text-decoration: none !important; } .footer { width: 1px; height: 10px; border: 1px solid red; } .blizz-footer { width: 1px; font-size: 1px; position: relative; height: 5px; } .blizz-footer a { position: absolute; display: block; top: -55px; left: -115px; width: 230px; height: 71px; background: url('../images/blizz-footer.gif') no-repeat; } /* search */ /*_______________________________________________________________*/ .searchTrick { position: relative; z-index: 1; left: -5000px; } /*home*/ .home .search { background: url('../images/index-search-left.gif') no-repeat 0 0; height: 71px; top: 310px; left: -40px; } .home .search-right { background: url('../images/index-search-right.gif') no-repeat 100% 0; height: 71px; } .home .arrow { background: url('../images/index-dd-arrow0.gif') no-repeat; width: 28px; } /*other*/ .other .search { background: url('../images/search-left.png') no-repeat 0 0; height: 86px; top: 50px; left: -40px; } .other .search-right { background: url('../images/search-right.png') no-repeat 100% 0; height: 86px; } .other .arrow { background: url('../images/index-dd-arrow0.gif') no-repeat; width: 28px; } .search-container { height: 1px; z-index: 100; } .home .search, .other .search { width: 504px; position: absolute; } .home .search-right, .other .search-right { width: 504px; } .input, .dd, .arrow, .ip, .submit, .submit input { height: 33px; } .input { position: relative; top: 20px; left: 34px; background: url('../images/index-dd0.gif') no-repeat 0 0; width: 446px; } .dd, .arrow, .ipl, .ip, .submit { float: left; } .dd { margin: 0 0 0 9px; background: url('../images/index-dd1.gif') no-repeat; width: 124px; } .ip { background: url('../images/index-ip1.gif') no-repeat 9px 0; width: 211px; } .ipl input { width: 196px; padding: 2px 0 0 5px; position: absolute; top: 7px; left: 165px; background: url('../images/search-offstate.gif') no-repeat; height: 18px; } .ipl input:hover { background: url('../images/search-overstate.gif') no-repeat; } .ipl input:focus { background: url('../images/search-onstate.gif') no-repeat; } .home .submit, .submit input, .other .submit { width: 74px; } .home a.submit, .other a.submit { display: block; height: 33px; width: 74px; border: none; text-decoration: none; } .search-noflash { width: 211px; height: 33px; background: url('../images/index-ip0.gif') no-repeat 0 0; } .submit input { background: transparent; } a.search-default { display: none; height: 33px; width: 37px; position: absolute; top:-5px; left:-7px; background: url('../images/button-default.gif') no-repeat;z-index: 3289; } a.search-default:hover { background-position: 0 100%; } a.search-default img { width: 37px; height: 33px; border: none; } .color-downgrade {color: #9c001f;} .color-upgrade {color: #007800;} .hover-downgrade {color: #ff2121 !important; height: 12px;} .hover-upgrade {color: #22ff22 !important; height: 12px;} .hover-sidegrade {height: 12px;} .hover-nospace { height: 0px;} /* drop down filter */ /*_______________________________________________________________*/ .dropDowner { font-size:11px; font-family:Arial, Helvetica, sans-serif; line-height:17px; position:absolute; overflow:hidden; font-weight:bold; width:158px; left:3px; top:0px; z-index: 12; } .dropDowner { background: url('../images/index-dd-bg.png') repeat-y 0 0; } .dropDown-bot { height: 9px; width:158px; position: relative; bottom: -5px; } .dropDown-bot { background: url('../images/dd-bot.gif') no-repeat; } a.dropDownArrow { float:right; cursor:pointer; background: url('../images/dd-arrow0.gif') no-repeat 0 0; height: 33px; width: 28px; } a.dropDownArrow:hover { background-position: 0 100%; } .dropDownListStyle { margin:0 0 0 6px; padding:0px;} .dropDownListStyle li.selected { height: 21px; padding: 7px 0 0 0;} .dropDownListStyle li { height: 19px; padding: 0 0 0 0; } .dropDownListStyle a, .dropDownListStyle a:active, .dropDownListStyle a:visited { padding: 0 0 0 6px; height: 17px; width: 124px; display: block; color: white; text-decoration: none; } .dropDownListStyle a:hover { background: url('../images/UI-Listbox-Highlight.png') no-repeat; } .aHighlight { background: url('../images/UI-Listbox-HighlightOn.png') no-repeat; } .dropDownListStyle li.selected a:hover { background: none !important; } /* sticky profile */ /*_______________________________________________________________*/ .pinProfile { position: absolute; background: url('../images/profile-plate-bg.png') no-repeat; right: 35px; top: 48px; width: 180px; height: 100px; z-index: 908901; } .pin-back { position: relative; height: 34px; width: 163px; margin: 27px auto 0; z-index:998901; } .alli { background: url('../images/pin-profile-alliance.gif') no-repeat 0 0; height: 34px; } .hord { background: url('../images/pin-profile-horde.gif') no-repeat 0 0; height: 34px; } .non { background: url('../images/pin-profile-none.gif') no-repeat 0 0; height: 34px; } .pin-base { text-align: center; padding: 2px 0 0 0; } .pin-base strong, .pin-clone strong { font-weight: bold; font-size: 12px; line-height: 12px; } .pin-base p, .pin-clone p { margin:0; padding:0; line-height: 12px; } .pin-clone { height: 34px; width: 163px; position: absolute; top:-1px; left: -1px; text-align: center; padding: 2px 0 0 0; } .pin-clone a, .pin-clone a:active, .pin-clone a:visited { text-decoration: none; font-family: Arial, Helvetica, sans-serif; } .pin-clone strong a, .pin-clone strong a:active, .pin-clone strong a:visited { color: white; } .alli strong a:hover { color: #00abff; } .alli p a:hover { color: #00abff; } .hord strong a:hover { color: #ff9300; } .hord p a:hover { color: #ff9300; } .pin-clone p a, .pin-clone p a:visited, .pin-clone p a:active, .toolBoxb a, .toolBoxb a:active, .toolBoxb a:link { color: #ffd200; text-decoration: none; } .pin-clone p a:hover, .toolBoxb a:hover { color: white; } .toolBoxb a, .toolBoxb a:active, .toolBoxb a:link { font: 8px Arial, Helvetica, sans-serif; letter-spacing: 1px; text-transform: uppercase; } .pin-clone p { color: white; } a.unpin-grey { display: block; position: absolute; top:-16px; right:-14px; background: url('../images/thumbtac-grey.gif') no-repeat; height: 24px; width: 18px; } a.unpin { display: block; position: absolute; top:-16px; right:-14px; background: url('../images/thumbtac-red.gif') no-repeat; height: 24px; width: 18px; } a.unpin:hover { background-position: 0 -24px; } .unpinpane { top: 1px !important; right: -1px !important; background: url('../images/icons/unpin.gif') no-repeat 0 0 !important; height: 13px !important; width: 15px !important; } .unpinpane:hover { background-position: 0 -13px !important; } .unpin-footer { position: relative; width: 98%; height: 11px; background: #002043; } .toolBoxb { padding: 6px; } .toolBoxb h2 { margin:0 0 -4px 0; padding: 0; position: relative; width: 182px; height: 27px; top:-2px; left:-5px; } .toolBoxb p { margin:3px 0 3px 0; padding: 5px 5px 5px 0; white-space: nowrap; border: 1px solid #134386; background: url('../images/pinoptions.gif') repeat-x 0 0; } .toolBoxb p:hover { background: #6a82ac; border: 1px solid #abc0e4; } .toolBoxb input { position: relative; top: 2px; margin: -2px 3px 0 5px; } a.unpin-link { float: right; margin: 0 20px 0 0; } .pin-back h1 { position: absolute; margin:0; padding:0; top:-10px; left: 0; width: 163px; height: 10px; } .pinArena { position: absolute; background: url('../images/profile-arena-links.png') no-repeat; left: 43px; top: 40px; width: 79px; height: 31px; } .pinNav { position: absolute; background: url('../images/pin-nav.png') no-repeat; left: 8px; top: 41px; width: 39px; height: 26px; } a.pdown { display: block; background: url('../images/pin-nav-arrow.gif') no-repeat; width: 21px; height: 18px; margin: 0 0 0 9px; cursor: pointer; } a.pdown0 { display: block; background: url('../images/pin-nav-arrow-disabled.gif') no-repeat; width: 21px; height: 18px; margin: 0 0 0 9px; cursor: pointer; } a.pdown:hover { background-position: 0 -18px; } a.at2, a.at3, a.at5, .at20, .at30, .at50 { display: block; height: 22px; float: left; } .at2, .at20 { width:20px; margin: 0 0 0 8px; } .at3, .at30 { width:22px; } .at5, .at50 { width:20px; } a.at2:hover, a.at3:hover, a.at5:hover { background-position: 0 -22px; } /* main outer table */ /*_______________________________________________________________*/ .shim { height: 1px; } .main { width: 100%; z-index: 4; position: relative; } .main table { margin: 40px auto; } td.main-top-left, td.main-top, td.main-top-right { height: 38px; } td.main-top-left, td.main-top-right, td.main-left, td.main-righ, td.main-bot-left, td.main-bot-right, .mtable { width: 26px; } td.main-top-left { background: url('../images/main-top-left.png') no-repeat; } td.main-top-right { background: url('../images/main-top-right.png') no-repeat; } td.main-top { width: auto; background: url('../images/main-top.gif') repeat-x; } td.main-left { background: url('../images/main-left.png') repeat-y; } td.main-right { background: url('../images/main-right.png') repeat-y; } td.main-bg { background: url('../images/wood-bg.jpg') repeat; } td.main-bot-left, td.main-bot, td.main-bot-right { height: 25px; } td.main-bot-left { background: url('../images/main-bot-left.png') no-repeat; } td.main-bot-right { background: url('../images/main-bot-right.png') no-repeat; } td.main-bot { width: auto; background: url('../images/main-bot.png') repeat-x; } td.main-top-left div, td.main-top-right div { height: 10px; width: 10px; position: relative; font-size: 1px; z-index: 30; } /* inner container */ /*_______________________________________________________________*/ .inner { background: url('../images/inner-top-left.gif') no-repeat 0 0; } .inner-top-right { background: url('../images/inner-top-right.gif') no-repeat 100% 0; } .inner-top { background: url('../images/inner-top.png') repeat-x 0 0; } .inner-left { background: url('../images/inner-left.gif') repeat-y 0 0; } .inner-right { background: url('../images/inner-right.gif') repeat-y 100% 0; } .inner-bot { background: url('../images/inner-bot.gif') repeat-x 0 100%; } .inner-bot-left { background: url('../images/inner-bot-left.gif') no-repeat 0 100%; } .inner-bot-right { background: url('../images/inner-bot-right.gif') no-repeat 100% 100%; display: table; } /* parchment table */ /*_______________________________________________________________*/ /* ---/ start box solution /--- */ /* global setting .ct { width: ; }*/ /* global setting */ td.sl q, td.sr q { visibility: hidden; display: block; } /* ---/ start custom box details /--- */ .parchment thead td, .parchment tfoot td { height: 15px; width: 15px; } .parchment td.sl q, .parchment td.sr q { width: 15px; } .parchment thead td.sl { background: url('../images/parch-s-topleft.gif') no-repeat 0 0; } .parchment thead td.sr { background: url('../images/parch-s-topright.gif') no-repeat 0 0; } .parchment .st { background: url('../images/parch-s-top.gif') repeat-x 0 0; } .parchment tbody td.sl { background: url('../images/parch-s-left.gif') repeat-y 0 0; } .parchment tbody td.sr { background: url('../images/parch-s-right.gif') repeat-y 100% 0; } .parchment tfoot td.sl { background: url('../images/parch-s-botleft.gif') no-repeat 0 0; } .parchment tfoot td.sr { background: url('../images/parch-s-botright.gif') no-repeat 0 0; } .parchment .sb { background: url('../images/parch-s-bot.gif') repeat-x 0 0; } .parchment .box { background: url('../images/parch-bg.gif') repeat; } .parchment .t { background: url('../images/parch-top.gif') repeat-x 0 0; } .parchment .b { background: url('../images/parch-bot.gif') repeat-x 0 100%; } .parchment .l { background: url('../images/parch-left.gif') repeat-y 0 0; } .parchment .r { background: url('../images/parch-right.gif') repeat-y 100% 0; } .parchment .bl { background: url('../images/parch-bot-left.gif') no-repeat 0 100%; } .parchment .br { background: url('../images/parch-bot-right.gif') no-repeat 100% 100%; } .parchment .tl { background: url('../images/parch-top-left.gif') no-repeat 0 0; } .parchment .tr { background: url('../images/parch-top-right.gif') no-repeat 100% 0; display: table; padding: 10px 0 0 0; margin-bottom: 20px; } /* generic content tag .content { padding: 20px; white-space: nowrap; }*/ /* set dimensions of box, if any, otherwise leave blank .dim { height: ; }*/ .parch { background: url('../images/inner-bg.png') repeat; margin: 33px 9px 9px 9px; } .parch table { margin: 0; } /* deco-frame table */ /*_______________________________________________________________*/ /* ---/ start custom box details /--- */ .deco-frame td { border: 0; } .deco-frame thead td, .deco-frame tfoot td { height: 9px; width: 12px; } .deco-frame tfoot td.sb b { height: 9px; width: 1px; position: relative; } .deco-frame td.sl b, .deco-frame td.sr b { width: 12px; display: block; height: 1px; position: relative; } .deco-frame thead td.sl { background: url('../images/df-tl.gif') no-repeat 0 0 !important; } .deco-frame thead td.sr { background: url('../images/df-tr.gif') no-repeat 0 0 !important; } .deco-frame .st { background: url('../images/df-t.gif') repeat-x 0 0 !important; } .deco-frame tbody td.sl { background: url('../images/df-l.gif') repeat-y 0 0 !important; } .deco-frame tbody td.sr { background: url('../images/df-r.gif') repeat-y 100% 0 !important; } .deco-frame tfoot td.sl { background: url('../images/df-bl.gif') no-repeat 0 0 !important; } .deco-frame tfoot td.sr { background: url('../images/df-br.gif') no-repeat 0 0 !important; } .deco-frame .sb { background: url('../images/df-b.gif') repeat-x 0 0 !important;; } .deco-frame .ct { padding: 2px; width: 100% !important; } .deco-frame em.port { background: url('../images/df-left.gif') no-repeat; width: 25px; height: 114px; top: -57px; left: -15px; display: block; position: absolute; } .deco-frame em.star { background: url('../images/df-right.gif') no-repeat; width: 25px; height: 114px; top: -57px; right: -15px; display: block; position: absolute; } .deco-frame em.foot { background: url('../images/df-bot.gif') no-repeat; width: 136px; height: 36px; top: 4px; left: -68px; display: block; position: absolute; } /* tips table */ /*_______________________________________________________________*/ .tip { width: 100%; position: relative; } .tip table { margin: 0; } .tip table td { padding: 0; } td.tip-top-left, td.tip-top, td.tip-top-right, td.tip-bot-left, td.tip-bot, td.tip-bot-right { height: 13px; } td.tip-top-left, td.tip-top-right, td.tip-left, td.tip-right, td.tip-bot-left, td.tip-bot-right { width: 13px; } td.tip-top-left { background: url('../images/tip-top-left.gif') no-repeat; } td.tip-top-right { background: url('../images/tip-top-right.gif') no-repeat; } td.tip-top { background: url('../images/tip-top1.gif') repeat-x; } td.tip-left { background: url('../images/tip-left.gif') repeat-y; } td.tip-right { background: url('../images/tip-right.gif') repeat-y; } td.tip-bg { background: url('../images/tip-bg1.gif') repeat; } td.tip-bot-left { background: url('../images/tip-bot-left.gif') no-repeat; } td.tip-bot-right { background: url('../images/tip-bot-right.gif') no-repeat; } td.tip-bot { width: auto; background: url('../images/tip-bot1.gif') repeat-x; } /* sub tips table */ /*_______________________________________________________________*/ .s-top-left, .s-top, .s-top-right, .s-bot-left, .s-bot, .s-bot-right { height: 3px !important; } .s-top-left, .s-top-right, .s-left, .s-right, .s-bot-left, .s-bot-right, .stable { width: 3px !important; } td.s-top-left { background: url('../images/stl.gif') no-repeat; } td.s-top-right { background: url('../images/str.gif') no-repeat; } td.s-top { background: url('../images/st.gif') repeat-x; } td.s-left { background: url('../images/sl.gif') repeat-y; } td.s-right { background: url('../images/sr.gif') repeat-y; } td.s-bg { background: url('../images/sbg.gif') repeat; } td.s-bot-left { background: url('../images/sbl.gif') no-repeat; } td.s-bot-right { background: url('../images/sbr.gif') no-repeat; } td.s-bot { width: auto; background: url('../images/sb.gif') repeat-x; } /* speak bubble tips table */ /*_______________________________________________________________*/ .b-top-left, .b-top, .b-top-right, .b-bot-left, .b-bot, .b-bot-right { height: 7px !important; } .b-top-left, .b-top-right, .b-left, .b-right, .b-bot-left, .b-bot-right, .btable { width: 7px !important; padding:0 !important; margin:0 !important; } td.b-top-left { background: url('../images/btl.gif') no-repeat; } td.b-top-right { background: url('../images/btr.gif') no-repeat; } td.b-top { background: url('../images/bt.gif') repeat-x; } td.b-left { background: url('../images/bl.gif') repeat-y; } td.b-right { background: url('../images/br.gif') repeat-y; } td.b-bg { background: url('../images/bbg.gif') repeat; } td.b-bot-left { background: url('../images/bbl.gif') no-repeat; } td.b-bot-right { background: url('../images/bbr.gif') no-repeat; } td.b-bot { width: auto; background: url('../images/bb.gif') repeat-x; } /* sb2 tips table */ /*_______________________________________________________________*/ .sb2 .b-top-left, .sb2 .b-top, .sb2 .b-top-right, .sb2 .b-bot-left, .sb2 .b-bot, .sb2 .b-bot-right { height: 7px !important; } .sb2 .b-top-left, .sb2 .b-top-right, .sb2 .b-left, .sb2 .b-right, .sb2 .b-bot-left, .sb2 .b-bot-right, .sb2 .btable { width: 7px !important; padding:0 !important; margin:0 !important; } .sb2 td.b-top-left { background: url('../images/b2tl.gif') no-repeat; } .sb2 td.b-top-right { background: url('../images/b2tr.gif') no-repeat; } .sb2 td.b-top { background: url('../images/b2t.gif') repeat-x; } .sb2 td.b-left { background: url('../images/b2l.gif') repeat-y; } .sb2 td.b-right { background: url('../images/b2r.gif') repeat-y; } .sb2 td.b-bg { background: url('../images/bbg.gif') repeat; } .sb2 td.b-bot-left { background: url('../images/b2bl.gif') no-repeat; } .sb2 td.b-bot-right { background: url('../images/b2br.gif') no-repeat; } .sb2 td.b-bot { width: auto; background: url('../images/b2b.gif') repeat-x; } /* tooltip */ /*_______________________________________________________________*/ .tooltip { position: relative; } .tooltipContentSpecial { color: #ffd800; font-weight:normal; font-size:11px; display:block;} .tooltipContentSpecial strong { color: white; } .tooltipGuild { color: #ffd800; font-weight:normal; font-size:11px;} .tooltipTitle { font-size:13px;} .tooltip td.tl, .tooltip td.t, .tooltip td.tr, .tooltip td.bl, .tooltip td.b, .tooltip td.br { height: 7px !important } .tooltip td.tl, .tooltip td.tr, .tooltip td.bl, .tooltip td.br, .tooltip td.l, tr.r { width: 7px !important;} .tooltip td.tl, .tooltip td.t, .tooltip td.tr { padding:0 !important; margin:0 !important; } .tooltip td.l q, .tooltip td.r q { width: 7px !important; display: block; height: 1px; } .tooltip td.tl { background: url('../images/tooltip/ttip-tl.png') no-repeat; } .tooltip td.tr { background: url('../images/tooltip/ttip-tr.png') no-repeat; } .tooltip td.t { width:auto; background: url('../images/tooltip/ttip-t.png') repeat-x; } .tooltip td.l { background: url('../images/tooltip/ttip-l.png') repeat-y; } .tooltip td.r { background: url('../images/tooltip/ttip-r.png') repeat-y; } .tooltip td.bg { background: url('../images/tooltip/ttipbg.png') repeat; } .tooltip td.bl { background: url('../images/tooltip/ttip-bl.png') no-repeat; } .tooltip td.br { background: url('../images/tooltip/ttip-br.png') no-repeat; } .tooltip td.b { width: auto; background: url('../images/tooltip/ttip-b.png') repeat-x; } .tooltip div { font: 11px/16px Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif; color: white; margin:0; padding:1px 2px;} .item-content { font-weight:bold; color: white; } /* light tooltip */ /*_______________________________________________________________*/ .light-tip { position: relative; max-width:300px; } .light-tip td.tl, .light-tip td.t, .light-tip td.tr, .light-tip td.bl, .light-tip td.b, .light-tip td.br { height: 9px !important } .light-tip td.tl, .light-tip td.tr, .light-tip td.bl, .light-tip td.br, .light-tip td.l, .light-tip tr.r { width: 9px !important;} .light-tip td.tl, .light-tip td.t, .light-tip td.tr { padding:0 !important; margin:0 !important; } .light-tip td.l q, .light-tip td.r q, .light-tip td.tr q, .light-tip td.tl q, .light-tip td.t q { width: 9px !important; display: block; height: 1px; } .light-tip td.tl { background: url('../images/tooltip/lp-tl.png') no-repeat; } .light-tip td.tr { background: url('../images/tooltip/lp-tr.png') no-repeat;} .light-tip td.t { width:auto; background: url('../images/tooltip/lp-t.png') repeat-x; } .light-tip td.l { background: url('../images/tooltip/lp-l.png') repeat-y; } .light-tip td.r { background: url('../images/tooltip/lp-r.png') repeat-y; } .light-tip td.bg { background: url('../images/tooltip/lp-bg.png') repeat; } .light-tip td.bl { background: url('../images/tooltip/lp-bl.png') no-repeat; } .light-tip td.br { background: url('../images/tooltip/lp-br.png') no-repeat; } .light-tip td.b { width: auto; background: url('../images/tooltip/lp-b.png') repeat-x; } .light-tip div { font: 11px/16px Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif; color: black; margin:0; padding:1px 2px;} /* Item Tooltip formatting */ /*_______________________________________________________________*/ .myItemName { font-size:13px; } .myGold { color: #e5cc80;} .myOrange { color: #ff8000;} .myPurple { color: #A335EE;} .myBlue { color: #0070DD;} .myGray { color: #c9c9c9;} .myGreen { color: #00FF00;} .myYellow { color: #ffd517;} .myRed { color: #d80000;} .myWhite { color: #ffffff;} .myTable { max-width:290px; color: #FFFFFF; font-size: 9pt; position: relative; font-family:Arial, Helvetica, sans-serif; } .myRight { color: #FFFFFF; font-size: 9pt; position:absolute; right:0px; } a.rarity0 { font-size: 10pt; color: #5B5B5B !important;}/*grey*/ a.rarity0:hover { color: #919191 !important;}/*grey*/ a.rarity1 { font-size: 10pt; color: #ffffff !important;}/*white*/ a.rarity1:hover { color: #ffffff !important;}/*white*/ a.rarity2 { font-size: 10pt; color: #007200 !important;}/*green*/ a.rarity2:hover { color: #00A900 !important;}/*green*/ a.rarity3 { font-size: 10pt; color: #004385 !important;}/*blue*/ a.rarity3:hover { color: #0062C3 !important;}/*blue*/ a.rarity4 { font-size: 10pt; color: #5D1F88 !important;}/*purple*/ a.rarity4:hover { color: #B343FF !important;}/*purple*/ a.rarity5 { font-size: 10pt; color: #C24E00 !important;}/*orange*/ a.rarity5:hover { color: #FA9900 !important;}/*orange*/ a.rarity6 { font-size: 10pt; color: #9C884D !important;}/*gold*/ a.rarity6:hover { color: #e5cc80 !important;}/*gold*/ a.rarity6:hover { font-size: 10pt; color: #e5cc80 !important;}/*gold*/ .ps a:hover { text-decoration: none !important; } .ps a.rarity0 { font-size: 12px; padding-left: 5px; color: #5B5B5B !important;}/*grey*/ .ps a.rarity0:hover { color: #919191 !important;}/*grey*/ .ps a.rarity1 { font-size: 12px; padding-left: 5px; color: #ffffff !important;}/*white*/ .ps a.rarity1:hover { color: #ffffff !important;}/*white*/ .ps a.rarity2 { font-size: 12px; padding-left: 5px; color: #007200 !important;}/*green*/ .ps a.rarity2:hover { color: #00A900 !important;}/*green*/ .ps a.rarity3 { font-size: 12px; padding-left: 5px; color: #004385 !important;}/*blue*/ .ps a.rarity3:hover { color: #0062C3 !important;}/*blue*/ .ps a.rarity4 { font-size: 12px; padding-left: 5px; color: #5D1F88 !important;}/*purple*/ .ps a.rarity4:hover { color: #B343FF !important;}/*purple*/ .ps a.rarity5 { font-size: 12px; padding-left: 5px; color: #C24E00 !important;}/*orange*/ .ps a.rarity5:hover { color: #FA9900 !important;}/*orange*/ .ps a.rarity6 { font-size: 12px; padding-left: 5px; color: #9C884D !important;}/*gold*/ .ps a.rarity6:hover { color: #e5cc80 !important;}/*gold*/ .ps a.rarity6:hover { font-size: 12px; padding-left: 5px; color: #e5cc80 !important;}/*gold*/ .ps tr.data2 a.rarity0 { color: white !important;}/*grey*/ .ps tr.data2 a.rarity0:hover { color: white !important;}/*grey*/ .ps tr.data2 a.rarity1 { color: white !important;}/*white*/ .ps tr.data2 a.rarity1:hover { color: white !important;}/*white*/ .ps tr.data2 a.rarity2 { color: white !important;}/*green*/ .ps tr.data2 a.rarity2:hover { color: white !important;}/*green*/ .ps tr.data2 a.rarity3 { color: white !important;}/*blue*/ .ps tr.data2 a.rarity3:hover { color: white !important;}/*blue*/ .ps tr.data2 a.rarity4 { color: white !important;}/*purple*/ .ps tr.data2 a.rarity4:hover { color: white !important;}/*purple*/ .ps tr.data2 a.rarity5 { color: white !important;}/*orange*/ .ps tr.data2 a.rarity5:hover { color: white !important;}/*orange*/ .ps tr.data2 a.rarity6 { color: white !important;}/*gold*/ .ps tr.data2 a.rarity6:hover { color: white !important;}/*gold*/ .ps tr.data2 a.rarity6:hover { color: white !important;}/*gold*/ .rarityShadow0 { font-size: 10pt; color: #E6E6E6 !important;}/*grey*/ .rarityShadow1 { font-size: 10pt; color: #000000 !important;}/*white*/ .rarityShadow2 { font-size: 10pt; color: #82F682 !important;}/*green*/ .rarityShadow3 { font-size: 10pt; color: #AAD5FF !important;}/*blue*/ .rarityShadow4 { font-size: 10pt; color: #F0D4FF !important;}/*purple*/ .rarityShadow5 { font-size: 10pt; color: #FFCC00 !important;}/*orange*/ .rarityShadow6 { font-size: 10pt; color: #e5cc80 !important;}/*gold*/ .socketImg { width:14px; height:14px; vertical-align:-20%; margin:0 7px 0 0; padding:0;} .tooltipRight { position:absolute; right:2px; } .bonusGreen { color:#00FF00; } .setNameYellow { color:#ffd517; font-size:11px; } .setItemYellow { color:#f8ffa8; } .setItemGray { color:#787880; } .myBlueGem { color:#666666; display:block; background:url(blue-mini.gif) no-repeat 3px 4px; padding-left:19px; } .myMetaGem { color:#666666; display:block; background:url(meta-mini.gif) no-repeat 3px 4px; padding-left:19px; } .myOrangeGem { color:#666666; display:block; background:url(orange-mini.gif) no-repeat 3px 4px; padding-left:19px; } .myPurpleGem { color:#666666; display:block; background:url(purple-mini.gif) no-repeat 3px 4px; padding-left:19px; } .myRedGem { color:#666666; display:block; background:url(red-mini.gif) no-repeat 3px 4px; padding-left:19px; } .myYellowGem { color:#666666; display:block; background:url(yellow-mini.gif) no-repeat 3px 4px; padding-left:19px; } /* Index Page */ /*_______________________________________________________________*/ .index { width: 900px; position: relative; } .index .tip table { margin: 40px auto; width: 100%; } .dragon, .naga, .stars1, .stars2 { position: absolute; } .dragon { width: 205px; height: 165px; background: url('../images/dragon.jpg') no-repeat; top: -15px; left: -3px; z-index: 11; } .naga { width: 183px; height: 197px; bottom: -15px; right: -3px; } .stars1 { width: 116px; height: 108px; background: url('../images/stars1.jpg') no-repeat; bottom: -29px; left: -3px; } .stars2 { width: 163px; height: 186px; background: url('../images/stars2.jpg') no-repeat; top: -15px; right: -3px; } .index-faq { width: 690px; height: 130px; position: relative; } .index-faq h1, .list h1, .faq-desc h2 { margin: 0; letter-spacing: -1px; font: bold 18px/26px Georgia, "Times New Roman", Times, serif; color: #451005; z-index: 14; position: relative; } .index-faq h1 { padding: 7px 0 0 45px; } a.faq-icon { display: block; position: absolute; top: -5px; left: -5px; width: 51px; height: 54px; background: url('../images/icon-faq.jpg') no-repeat; } .index-faq blockquote { position: relative; z-index: 14; top: 5px; } .rlinks table { margin: 0 !important; padding: 0;} .rlinks td { width: 100%; } td.rtd { width: 40%; } .related-links, .faq { margin: 0 5px 0 0; } .related-links ul { margin: 0; padding: 10px; list-style: none; } .related-links li { padding: 3px 0; } .language-filter a { display: block; font-weight: bold; width: 100%; padding-left: 25px; background: url('../images/bullet.gif') no-repeat 0 0; } .rl-noblock a { font-weight: bold; padding: 2px 0 4px 25px; background: url('../images/bullet.gif') no-repeat 0 0; } .related-links a.noflash { display: inline; font-weight: bold; width: auto; padding-left: 0px; background: none; } .related-links a.noflash img { border-style:none; } b.noflash { color:#b00700; } #noflash-message { display:none; } .related-links a:hover { background-position: 0 -60px; } .external a, a.external { color:green; } .report a { color:#b00700; background: url('../images/bullet-report.gif') no-repeat 0 0;} .translation a { color:#b00700; background: url('../images/bullet-report.gif') no-repeat 0 0;} .external a:hover { color:#b00700; } .report a:hover { background-position: 0 -63px; } .relatedlinknew a { background: url('../images/bullet2.gif') no-repeat 0 0; color: #627400; text-decoration: none; font: bold 14px Arial, Helvetica, sans-serif; letter-spacing: -1px; } .relatedlinknew a:hover { color: black; background-position: 0 -60px;} .hr em { width: 100%; height: 1px; font-size: 1px; background: #dcb850; border-bottom: 1px solid #feedaf; display: block; } .faq-links, .faq-desc { padding: 10px; } .faq-links ol { margin:0; padding: 0 0 0 15px;} .faq-links a span { display: inline; } .faq-over { color: #451005; font-weight:bold; text-decoration: none; } .speak-bubble { padding: 10px;} .showHideItems { width: 50%; top: -40px; position: absolute; z-index: 98997; right: 3%; float: right; } .warning-bubble { padding: 7px; background: white; border: 3px solid #a54709; background: url('../images/warning-bg.gif') repeat-x 0 0; } .warning-bubble em { position: absolute; height: 3px; width: 3px; font-size: 1px; } .warning-bubble em.w1 { background: url('../images/w1.gif'); bottom: 0; left: 0; } .warning-bubble em.w2 { background: url('../images/w2.gif'); top: 0; left: 0; } .warning-bubble em.w3 { background: url('../images/w3.gif'); top: 0; right: 0; } .warning-bubble em.w4 { background: url('../images/w4.gif'); right: 0; bottom: 0; } .faq-desc h2 { font-weight: normal; margin: 0 0 4px 0; } .faq-desc { color: #a7773a; position: relative; } .warning-desc { position: relative; z-index: 9097; } .faq-desc em { display: block; position: absolute; top: -28px; left: 85%; width: 26px; height: 28px; background: url('../images/bta.gif') no-repeat; } .warning-desc em { display: block; position: absolute; top: -28px; left: 10%; width: 26px; height: 28px; background: url('../images/b2ta.gif') no-repeat; } .warning-desc b { display: block; position: absolute; bottom: -35px !important; left: 3%; width: 26px; height: 28px; background: url('../images/b3ta.gif') no-repeat; } /* Results */ /*_______________________________________________________________*/ .list { width: 900px; min-height: 420px; padding: 15px 0 15px 0; } .list .tip table { margin: 5px auto; } .sublisting { position: relative; width: 100%; left:-9px; top:-9px; margin:0; height: 15px; padding: 5px 0 5px 18px; background: url('../images/sublist-tile.gif') repeat-x 0 0; font: bold 11px Arial, Helvetica, sans-serif; border-bottom: 1px solid #d7ad43; } .sublisting em { position: absolute; background: url('../images/see-also.gif') no-repeat 0 0; display: block; width: 28px; height: 22px; top:3px; left: 59px; } #replaceSeeAlsoTitle { padding: 0 0 0 70px; } .team-side .data table { width: 98%; } .full-list { width: 98%; margin: 0 auto; clear: both; } .full-list .tip table { width: 100%; } .full-list .rinfo { width: 100%; } .result-box { display: table; width: 800px; margin: 0 0 -33px 12px; min-height: 20px;} .result-box h2 { font: 18px/26px Georgia, "Times New Roman", Times, serif; color: white; margin: 0 0 0 5px; } .data { width: auto; } .data table { width: 100%; } .data td { height: 27px; padding: 0 3px; border-top: 1px solid #cbac4d; font: 12px Arial, Helvetica, sans-serif; } .mini { font-size: 11px !important; } #big-results .data td { height: 47px; border-top: 1px solid #cbac4d; } #big-results table.data-table a:hover { color: #b00700; border-bottom: none !important; } table.data-table div { position: relative; z-index:13; height: 27px; width: 1px; } table.data-table a strong { position: relative; z-index: 20; font-size: 12px; font-weight: bold; } table.data-table a, table.data-table a:active, table.data-table a:visited { color: #005ba1; text-decoration: none; white-space: nowrap; } table.data-table a:hover { color: #b00700; text-decoration: underline; } tr.masthead p, tr.masthead b, tr.data0 p, tr.data0 b, tr.data1 p, tr.data1 b, tr.data2 p, tr.data2 b,tr.data3 p, tr.data3 b { margin: 0; padding: 0; position: absolute; top: 0; height: 27px; width: 30px; } #big-results tr.masthead p, #big-results tr.masthead b, #big-results tr.data0 p, #big-results tr.data0 b, #big-results tr.data1 p, #big-results tr.data1 b, #big-results tr.data2 p, #big-results tr.data2 b { height: 48px; } tr.masthead td { background: url('../images/data-head.gif') repeat-x 0 0; font-weight: bold; height: 27px; font-size: 12px; color: white; } #big-results tr.masthead td { height: 27px !important; } /*tr.masthead a, tr.masthead a:active, tr.masthead a:visited { color: white; display: block; width: 90%; height: 20px; padding: 1px 0 0 3px; margin: 5px 1px 1px 1px; white-space: nowrap; }*/ tr.masthead a, tr.masthead a:active, tr.masthead a:visited { display:block; height: 20px; padding: 4px 0 0 3px; white-space: nowrap; color: white !important; border: none; background: #a54f00 url('../images/mh-bg.gif') repeat; border: 1px solid #914d02; margin: 1px 1px 0 1px; text-decoration: none; } tr.masthead a:hover { border-top: 1px solid white; text-decoration: none; background: #a54f00 url('../images/mh-bg2.gif') repeat; } tr.masthead a.mastSort { display:block; height: 20px; padding: 4px 0 0 3px; white-space: nowrap; color: white !important; border: none; background: #a54f00 url('../images/mh-bg2.gif') repeat; border: 1px solid #914d02; border-top: 1px solid white; margin: 1px 1px 0 1px; text-decoration: none; } .enchantName { padding: 6px 0 0 12px; display: block; white-space: nowrap; font-weight: bold; position: relative; color: #82F682; } .enchantNameClone { position: absolute; display: block; top: -16px; left: -1px; white-space: nowrap; font-weight: bold; color:#468800 !important; z-index: 99; } .enchantEffects { padding: 6px 0; width: 300px !important; } a.dual-sort { width: auto !important; display: inline !important;} tr.data0 p, tr.data1 p, tr.data2 p, tr.data3 p { left: -10px; } tr.data0 b, tr.data1 b, tr.data2 b, tr.data3 b { right: -10px; } #big-results tr.data0 td { background: url('../images/data0b.gif') repeat-x 0 0; } #big-results tr.data1 td { background: url('../images/data1b.gif') repeat-x 0 0; } #big-results tr.data2 td { background: url('../images/data2b.gif') repeat-x 0 0; } tr.data0 td { background: url('../images/data0.gif') repeat-x 0 0; } tr.data1 td { background: url('../images/data1.gif') repeat-x 0 0; } tr.data2 td { background: url('../images/data2.gif') repeat-x 0 0; } tr.data3 td { background: url('../images/data3.gif') repeat-x 0 0; } tr.data0:hover td, tr.data1:hover td, tr.data3:hover td, a.data1:hover td, a.data0:hover td, a.data3:hover { background-position: 0 -27px; } tr.data3:hover td a, tr.data3:hover td span { color: black !important; } tr.data3:hover td a:hover { color: #b00700 !important; } #big-results tr.data0:hover td, #big-results tr.data1:hover td, #big-results a.data1:hover td, #big-results a.data0:hover td { background-position: 0 -47px; } .data2 a, .data2 span, .data3 a, .data3 span { color: white !important; } #big-results .data2 a, #big-results .data2 span { color: inherit !important; } .data a.data1 table, .data a.data0 table { margin: 0 !important; } a.data1, a.data0 { display: block; width: 100%; color: black !important; } a.data1 span, a.data0 span { display: block; } a.data1 td { background: url('../images/data1.gif') repeat-x 0 0; } a.data0 td { background: url('../images/data0.gif') repeat-x 0 0; } a.data1:hover, a.data0:hover { border: 0 !important; text-decoration: none; color: black !important; } td.relevance { width: 100px; } td.relevance q { font-weight: bold; color: #7d6310; } .rel-container { width: 90px !important; height: 14px !important; margin: 0 auto; background: url('../images/rel-cont.gif') no-repeat 0 0; text-align: left; } .rel-container a { display: block; width: 84px; height: 8px; padding:0; margin:0; position: absolute; left: 2px; top: 2px; border: 1px solid #5e4c11; font-size: 1px !important; } .rel-container a:hover { border: 1px solid #7caf00; } .rel-container em { display: block; height:8px; background: url('../images/relevance.gif') repeat-x 0 0; float: left; } tr.masthead p { background: url('../images/data-head0.gif') no-repeat; left: -10px; } tr.masthead b { background: url('../images/data-head1.gif') no-repeat; right: -10px; } img.sort { width: 7px; height: 4px; border: none; margin: 0 0 0 4px; } table.data-table p { background: url('../images/tl.png') repeat-y 0 0; } table.data-table b { background: url('../images/tr.png') repeat-y 0 0; } tr span { position: relative; z-index: 25; } .list h1 { padding: 10px 10px 0 7px; } a.faction { display: block; width: 21px !important; height: 21px; margin: 0 3px; z-index: 999; padding: 0px; text-decoration: none; } a.faction:hover { border-bottom: none !important; } a.faction img { visibility: hidden; } a.faction2 { display: block; width: auto !important; height: 21px; margin: 0 3px; z-index: 999; padding: 2px 0 0 24px; text-decoration: none; } a.faction2:hover { border-bottom: none !important; } a.faction2 img { visibility: hidden; } .alliance { background: url('../images/icon-alliance.gif') no-repeat; color: #5ec7f3; } .horde { background: url('../images/icon-horde.gif') no-repeat; color: #f17171; } .hilite-top, .hilite { width: 100%; top: -30px; position: relative; margin:0 auto;} .hilite-top { height: 11px; background: url('../images/parch-top-hilite.gif') repeat-x 0 0; top: -30px; } .hilite { height: 190px; background: #fcf0cd url('../images/parch-bot-hilite.gif') repeat-x 0 100%; margin: 0 0 -33px 0; z-index: 9;} .hilite-content { width: 90%; margin: 0 0 0 10px; position: relative; z-index: 42; padding: 12px 0 0 3px; } .mini-rank { width: 20px; display: block; } .tabsNone { padding: 6px 0 0 0; clear: both; height: 28px;} .tabsNone .hide { display: none;} .tabs .hide { display: block;} .tabs { padding: 6px 0 0 0; clear: both; width: 850px;} .tabs ul { list-style: none; margin: 0; padding: 0; } .top { margin: 7px 0 -14px 0; display: table; } .top li.tab-left, .top li.tab-right, .top li.tab-content { height:30px; } li.tab-left, li.tab-right { width:18px; height:54px; float: left; position: relative; } li.tab-content { height:48px; float: left; padding: 6px 0 0 0; position: relative; } .select3 li.tab-left { z-index: 2; background: url('../images/tab-left-inactive.gif') no-repeat; } .select3 li.tab-content { z-index: 2; background: url('../images/tab-tile-inactive.gif') repeat-x; text-align: center; color: #574633; font-weight: bold;} .select3 li.tab-right { z-index: 2; background: url('../images/tab-right-inactive.gif') no-repeat; margin: 0 1px 0 0; } .select2 li.tab-left { z-index: 2; background: url('../images/tab-left-other.gif') no-repeat; } .select2 li.tab-content { z-index: 2; background: url('../images/tab-tile-other.gif') repeat-x; text-align: center; } .select2 li.tab-right { z-index: 2; background: url('../images/tab-right-other.gif') no-repeat; margin: 0 1px 0 0; } .select1 li.tab-left { z-index: 100; background: url('../images/tab-left-selected.png') no-repeat; } .select1 li.tab-content { z-index: 100; background: url('../images/tab-tile-selected.png') repeat-x; text-align: center; } .select1 li.tab-right { z-index: 100; background: url('../images/tab-right-selected.png') no-repeat; margin: 0 1px 0 0; } .select0 li.tab-left { z-index: 2; background: url('../images/tab-left.gif') no-repeat; } .select0 li.tab-content { z-index: 2; background: url('../images/tab-tile.gif') repeat-x; text-align: center; } .select0 li.tab-right { z-index: 2; background: url('../images/tab-right.gif') no-repeat; margin: 0 1px 0 0; } .tabs .na a:active, .tabs .na a:visited, .tabs .na a { color: #b67810 !important; } .tabs a.active,.tabs a.active:active, .tabs a.active:visited { text-decoration: none; font-weight: bold; color: black; height: 20px;} .tabs a.active:hover { border-bottom: 1px dotted black; } .off { display: none; } .on { display: block; } .paging { height: 24px; width: 100%; font: 12px Arial, Helvetica, sans-serif; } .paging img { border: 0; } .page-body { background: url('../images/paging-top.gif') repeat-x 0 0; padding: 7px 0 0 0; position: relative; height: 28px; margin: -9px 0 -4px 0; border-bottom: 1px solid #dbb75c; } .pbbot { margin:0 !important; } .returned { float: left; width: 35%; margin: 4px 0 0 0; padding: 0 0 0 10px; } .mnav { width: 100%; } .mnav ul { margin: 0 auto; padding: 0 0 0 20px; list-style: none; } .pnav { float: right; width: 60%; height: 18px; position: relative; z-index: 80; } .pnav img, .mnav img { visibility:hidden; } .pnav ul { margin: 0; padding: 0; list-style: none; float: right; } .pnav li, .mnav li { float: left; } .pnav a.prev, .pnav a.next, .pnav a.prev-first, .pnav a.next-last, .pnav a.prev-off, .pnav a.next-off, .pnav a.prev-first-off, .pnav a.next-last-off, .mnav a.prev, .mnav a.next, .mnav a.prev-first, .mnav a.next-last, .mnav a.prev-off, .mnav a.next-off, .mnav a.prev-first-off, .mnav a.next-last-off { display: block; width: 32px; height: 24px; } .pnav a.prev, .mnav a.prev { background: url('../images/arrow-left.gif') no-repeat; } .pnav a.next, .mnav a.next { background: url('../images/arrow-right.gif') no-repeat; } .pnav a.prev-first, .mnav a.prev-first { background: url('../images/arrow-left-rewind.gif') no-repeat; } .pnav a.next-last, .mnav a.next-last { background: url('../images/arrow-right-forward.gif') no-repeat; } .pnav a.prev-off, .mnav a.prev-off { background: url('../images/arrow-left-off.gif') no-repeat; } .pnav a.next-off, .mnav a.next-off { background: url('../images/arrow-right-off.gif') no-repeat; } .pnav a.prev-first-off, .mnav a.prev-first-off { background: url('../images/arrow-left-rewind-off.gif') no-repeat; } .pnav a.next-last-off, .mnav a.next-last-off { background: url('../images/arrow-right-forward-off.gif') no-repeat; } .pnav a.p, .pnav a.sel, .mnav a.p, .mnav a.sel { display: block; width: 32px; height: 19px; padding: 5px 0 0 0; margin: 0 -1px; text-align: center; text-decoration: none; font-weight: bold; font-size: 11px; } .pnav a.p, .mnav a.p { background: url('../images/paging-bg.gif') no-repeat; color: #8d3204; } .pnav a.sel, .mnav a.sel { background: url('../images/paging-bg-select.gif') no-repeat; color: black; } .pnav a.prev:hover, .pnav a.next:hover, .pnav a.p:hover, .pnav a.prev-first:hover, .pnav a.next-last:hover, .mnav a.prev:hover, .mnav a.next:hover, .mnav a.p:hover, .mnav a.prev-first:hover, .mnav a.next-last:hover { background-position: 0 100%; color: black; } .pnav p, .mnav p { margin: 0; padding: 5px 0 0 0; height: 19px; font-weight: bold; } span.veryplain { color: #000000; background: none !important; font-size: 13px;} span.r { color: #9A1401; background: none !important; font-size: 13px;} span.g { color: #678705; font-size: 13px;} .data-table q { width: 90%; height: 100%; display: block; color: black; padding: 6px 0 0 7px; margin: 0 10px -6px 0px; font: 12px Arial, Helvetica, sans-serif; position: relative; z-index: 90; } #big-results .data-table q { padding: 17px 0 0 7px; margin: 0 10px -17px 0px; } .rating { background: url('../images/column-bg.png') repeat-x 0 0; } .name-margin { padding:0 0 0 20px;} a.rating span { display:block !important; } q.rating span { display:block !important; } img.ci { margin-top: 3px; margin-bottom: -3px; position: relative; z-index: 100; } .item-icon q { position: relative; width:98%; height:43px; z-index: 99; } .item-icon a { position:absolute; background:url('../images/pixel.gif'); white-space: nowrap; padding: 13px 0 0 68px; margin: 0; z-index:300; height:30px; top:2px; left:0; display:block;} .item-icon .item-container{position:absolute; width:300px; height:43px; top:3px;} .item-fimage { position:relative !important; float:left !important; top: -3px; width:43px !important; height:43px; padding: 0 0 0 10px; } .item-fimage img { width: 43px; height: 43px; } .item-description { position:relative !important; float:left !important; height:30px; white-space: nowrap; padding: 13px 0 0 9px;} .money-container q { width:100px; text-align:right; display:block; white-space: nowrap;} .money-container q div { display:block; float:right; width:20px;} .gold-icon { width: 10px !important;} .silver-icon { width: 10px !important;} .copper-icon { width: 10px !important;} .generic-wrapper, .generic-right { background: url('../images/parch-bevel-top.jpg') repeat-x 0 0; position: relative; } .generic-wrapper { top: -10px; left: -10px; } .generic-right { right: -20px; } .genericHeader { min-height: 75px; } .ath { min-height: 35px !important; } .genericHeader { position: relative; left: -10px; } .generic-name { padding: 7px 0 0 20px; } .generic-name h3, .generic-name h4 { margin:0; padding:0; display: block; color: black; font: bold 24px/28px Georgia, "Times New Roman", Times, serif !important; letter-spacing: -1px; } .generic-name h4 { position: absolute; color: white !important; top: 6px; left: 19px; } .generic-name em { width: 100%; height: 1px; font-size: 1px; margin-top: 4px; background: #c9a641; border-bottom: 1px solid #fbe4a1; display: block;} .generic-content h5 { margin:0; padding:0; color: black; font-weight: normal; font: 18px Georgia, "Times New Roman", Times, serif !important; letter-spacing: -1px; } .generic-content { clear: both; } .default-list ul { list-style: disc; margin: 0 30px;} /* Arena */ /*_______________________________________________________________*/ .arenaTeam-wrapper, .arenaTeam-right { background: url('../images/parch-bevel-top.jpg') repeat-x 0 0; position: relative; } .arenaTeam-wrapper { top: -10px; left: -10px; } .arenaTeam-right { right: -20px; } .arenaHeader { min-height: 75px; } .arenaHeader, .arenaBody { position: relative; left: -10px; } .team-members { padding: 0 0 0 4px; } .arenaTeam-name,.arenaTeam-data { padding: 7px 0 0 90px; width: 60%; float: left; } .arenaTeam-badge { float: right; width: 150px; height: 200px; background: url('../images/arena-badge-bg.gif') no-repeat 4px 16px; position: relative; margin: 0 0 -20px 0; } .arenaBadge-icon { width: 149px; height: 82px; background-position:48px 11px; background-repeat:no-repeat; background-image: none; position: absolute; bottom:14px; right:-4px; } .arenaBadge-icon img { width:149px; height:82px;} .teamSide0 { background: url('../images/teamside-alliance.gif') no-repeat 4px 0; width: 150px; height: 51px; margin: 13px 0 0 0;} .teamSide1 { background: url('../images/teamside-horde.gif') no-repeat 4px 0; width: 150px; height: 51px; margin: 13px 0 0 0;} .teamSide-1 { background: url('../images/teamside-default.gif') no-repeat 4px 0; width: 150px; height: 51px; margin: 13px 0 0 0;} .teamRank { position: relative; left: 4px; top: -7px; text-align: center; font: 18px Georgia, "Times New Roman", Times, serif; color: #b29c62; } .teamRank span { font-size: 11px; font-weight: bold; } .teamRank p { padding: 0; margin:0; line-height: 13px;} .arenaTeam-badge .rank-num { width: 150px; text-align: center; height:40px; margin:0; padding:0; background:none; position:absolute; top:79px; left:4px; z-index: 95; } .arenaTeam-name h3, .arenaTeam-name h4 { margin:0; padding:0; display: block; color: #907219; font: bold 24px/34px Georgia, "Times New Roman", Times, serif !important; letter-spacing: -1px; white-space: nowrap; } .arenaTeam-name h4 { position: absolute; color: white !important; top: 6px; left: 89px; } .arenaTeam-name h4 a { text-decoration: none !important; } .arenaRealm-info { width: 100%; margin-top: -4px; display: table; } .arenaRealm-info a, .arenaRealm-info a:active,.arenaRealm-info a:visited { font-size: 11px; font-weight: bold;} .arenaRealm-info p { margin: 0; padding:4px 10px 0 6px; height: 26px; float: left; } .arenaRealm-info a.realm-icon { background: url('../images/icons/realm.png') no-repeat 0 0; display: block; height: 26px; width: 26px; float: left !important; } .arenaRealm-info a.battlegroup-icon { background: url('../images/icons/battlegroup.png') no-repeat 0 0; display: block; height: 26px; width: 26px; float: left !important; } .arenaTeam-name em { width: 100%; height: 1px; font-size: 1px; margin-top: 4px; background: #c9a641; border-bottom: 1px solid #fbe4a1; display: block;} /* arena data */ .arenaData table { background: url('../images/ad-bg.jpg'); } .arenaData thead td, .arenaData tfoot td { height: 20px; width: 20px; } .arenaData td.sl q, .arenaData td.sr q { width: 20px; } .arenaData thead td.sl { background: url('../images/ad-tl.gif') no-repeat 0 0; } .arenaData thead td.sr { background: url('../images/ad-tr.gif') no-repeat 0 0; } .arenaData .st { background: url('../images/ad-t.png') repeat-x 0 0; } .arenaData tbody td.sl { background: url('../images/ad-l.png') repeat-y 0 0; } .arenaData tbody td.sr { background: url('../images/ad-r.png') repeat-y 100% 0; } .arenaData tfoot td.sl { background: url('../images/ad-bl.gif') no-repeat 0 0; } .arenaData tfoot td.sr { background: url('../images/ad-br.gif') no-repeat 0 0; } .arenaData .sb { background: url('../images/ad-b.png') repeat-x 0 0; } .arenaData .ct, arenaData .st, arenaData .sb { width: 100%; } /* end data */ .innerData { color: #584500; font-size: 13px; font-weight: bold; position: relative; } .innerData table { background: none !important; } .innerData td { height: 25px; } .innerData .hl { background: url('../images/ad-hl.png') repeat-x; } .innerData p { margin:0; padding:0;} .innerData p.rating { color: #8aff00; background: none !important; } table.dataRepop { position: absolute; top:-1px; left:-1px;; color: white !important;} table.dataRepop span { visibility: hidden; } a.standing-link { z-index: 105899; position: absolute; top:60px; right:0px; display: block; width: 150px; height: 110px; } a.standing-link img { width: 150px; height: 110px; border: none; } .arena-icon { float: left; margin: 0px 0px 0px 8px; background: url('../images/icons/2v2.jpg') no-repeat; width: 58px; height:62px; } .arena-list { position: relative;} .arena-list ul { list-style: none; margin: 3px 0 3px 0; padding: 0; width: 100%; } .arena-list li { background: url('../images/filter-tabs.gif') 0 0 repeat-x; border-width: 1px; border-style: solid; border-color: #c39749 #c39749 #fbeb9e #c39749; padding:0; margin:0 10px 0 0; } .arena-list li select {margin:0 -1px -1px -1px;} .arena-list li.left { float: left;} .arena-list li.right { float: right;} .arena-list ul li b { font-size: 10px; display: block; height: 15px; padding: 3px 0; width:100%; position: relative; top: 1px; left:25px; white-space: nowrap; } .arena-list b img { border: 0; height: 16px !important; width: 16px !important; margin: 0 2px 0 0; float: left; } .arena-cont { float: left; background: url('../images/arena-bg.jpg') no-repeat 10px 2px; } #teamIconBox, #teamIconBoxresults, #teamIconBoxresults2 {position:absolute; z-index:2000} #teamIconBox { top:1px; left:-38px; } #teamIconBoxresults { top:2px; left:130px; } #teamIconBoxresults2 { top:2px; left:150px; } #teamIconBoxContainer {position:relative; z-index:2000; height:1%;} #teamIconBoxContainer2 {position:relative; z-index:2000; height:1%;} .filterIcon { position: relative; left: -20px; width:100%; } .smList { font-size: 10px; font-weight: bold; } #battlegroupName { min-width:100px;} q.filler { width: 2px; height: 1px; } /* Team & Player Profiles // Shared */ /*_______________________________________________________________*/ .player-side .data table, .team-side .data table { width: 100%; } .player-side .tip table,.team-side .tip table, .sub table { margin: 0 auto; width: 100%} .player-side blockquote, .team-side blockquote, .rinfo blockquote, .full-list blockquote { background: url('../images/info-header-bg.gif') repeat-x 0 0; margin: 0; width: 100%; height: 46px; position: relative; top: -10px; left: -8px; padding: 0 8px; } .rinfo { width: 98%; margin: 0 auto; clear: both; } .rinfo .tip table { width: 100%; } blockquote b { height: 46px; width: 100%; display: block; float: left; position: relative; left: -8px; } .iall { background: url('../images/h-all.jpg') no-repeat 0 0; } .iarenateams { background: url('../images/h-arena.jpg') no-repeat 0 0; } .icharacters { background: url('../images/h-player.jpg') no-repeat 0 0; } .ierror { background: url('../images/h-error.jpg') no-repeat 0 0; } .iguilds { background: url('../images/h-guild.jpg') no-repeat 0 0; } .iitems { background: url('../images/h-items.jpg') no-repeat 0 0; } .iupgrade { background: url('../images/h-upgrade.jpg') no-repeat 0 0; } .ipvprewards { background: url('../images/h-pvprewards.jpg') no-repeat 0 0; } .idungeons { background: url('../images/h-dungeons.jpg') no-repeat 0 0; } .ifactions { background: url('../images/h-factions.jpg') no-repeat 0 0; } .ibosses { background: url('../images/h-bosses.jpg') no-repeat 0 0; } .ifaqheader { background: url('../images/h-faq.jpg') no-repeat 0 0; } .iupdates { background: url('../images/h-updates.jpg') no-repeat 0 0; } .ilegend { background: url('../images/h-legend.jpg') no-repeat 0 0; } .iarenateams-sm { background: url('../images/icons/icon-2v2.gif') no-repeat 3px 4px; } .icharacters-sm { background: url('../images/icons/icon-player.gif') no-repeat 3px 4px; } .iguilds-sm { background: url('../images/icons/icon-guild.gif') no-repeat 3px 4px; } .ifaq { background: url('../images/icons/icon-faq.gif') no-repeat 3px 4px; } .ilinks { background: url('../images/icons/icon-links.gif') no-repeat 3px 4px; } blockquote h2 { color: #ab8332; padding: 10px 0 0 45px; margin: 0; letter-spacing: -1px; font: 18px/24px Georgia, "Times New Roman", Times, serif; } blockquote h3 { color: black; padding: 0 0 0 65px; margin: 0 0 1px 0; letter-spacing: -1px; font:17px/16px Georgia, "Times New Roman", Times, serif; } blockquote h3 b { color: black; padding: 0 0 0 7px; margin: 0 0 1px 0; letter-spacing: -1px; font:17px/16px Georgia, "Times New Roman", Times, serif; } blockquote h4 { color: #ab8332; padding: 5px 0 0 65px; margin: 0; font-size: 11px; } blockquote h2 span { color: #5d420c; } ul.heading { list-style: none; margin: 0; padding: 0; width: 100%; position: relative; top: -10px; } ul.heading img { height: 1px; width: 1px; } ul.heading li { float: left; height: 59px; margin: 0 0 -5px 0; } li.hcont { width: 100%; background: url('../images/h-bg.gif') repeat-x; } li.hleft, li.hright { width: 10px; position: absolute; top: 0px; } li.hleft { background: url('../images/hleft.gif') no-repeat; left: -9px; } li.hright { background: url('../images/hright.gif') no-repeat; right: -9px; } .player-classes, .team-classes { position: absolute; top: 90px; left: 2px; width: 78px; height: 26px; } .player-classes ul, .team-classes ul { margin: 0; padding: 0; list-style: none;} .player-classes li, .team-classes li { height: 26px !important; width: 26px; background: url('../images/class-icon-ph.gif') no-repeat; } .player-classes li:hover, .team-classes li:hover { background-position: 0 100%; } .player-classes img, .team-classes img { margin: 4px 0; padding: 0 0 0 4px; border: 0; } .player-name h1, .team-name h1 { margin: 0; padding: 8px 0 0 0; color: #774e00; font-size: 20px; line-height: 22px; } .player-name em { margin: 0; padding: 0; position: relative; top: 10px; font-style: normal; } .player-name a, .team-name a { text-decoration: none; } .player-name span, .team-name span { color: #774e00; font: bold 14px/16px Georgia, "Times New Roman", Times, serif; letter-spacing: -1px; } .player-name p, .team-name p { margin:0; padding:0; } p.hordeFlag { float: right; background: url('../images/icons/banner-horde.gif') no-repeat; height: 54px; width: 57px; margin: 0; } p.allianceFlag { float: right; background: url('../images/icons/banner-alliance.gif') no-repeat; height: 54px; width: 57px; margin: 0; } .player-description a, .player-description a:active, .player-description a:visited, .team-description a, .team-description a:active, .team-description a:visited { color: #005ba1; text-decoration: none; } .player-description a:hover, .team-description a:hover { color: #b00700; } .player-description table, .team-description table { border-left: 1px solid #d3af4a; border-right: 1px solid #d3af4a; } .player-description table { width: 70% !important; margin: 0 !important; } .player-description td, .team-description td { border-top: 1px solid #d3af4a; } .player-description td:hover, .team-description td:hover { background: #fef0bb; } .player-description td span, .team-description td span { width: 100px; padding: 0 4px 0 4px; float: left; } .team-description h4 { margin: 3px 0 5px 10px; padding: 0; } .player-description td i, .player-description td a,.player-description td div, .team-description td i, .team-description td a { float: left; padding: 0 4px 0 5px; } .player-description td.col1, .player-description td.col2, .team-description td.col1, .team-description td.col2 { width: 18px; border-top: 0; border-left: 1px solid #d3af4a; border-right: 1px solid #d3af4a; background-color: transparent; } .player-description td.col1, .team-description td.col1 { background: url('../images/col1.gif') no-repeat 0 50%; } .player-description td.col2, .team-description td.col2 { background: url('../images/col2.gif') no-repeat 0 50%; } .player-description td.ftr, .team-description td.ftr { border-bottom: 1px solid #d3af4a; } /* Team Profiles */ /*_______________________________________________________________*/ .team-side .rinfo, .player-side .rinfo { width: 100%; } /*team side*/ .team-side { float: left; margin: 0 0 0 8px; } .results-side-expanded .team-side { width: 680px; } .results-side-collapsed .team-side { width: 96%; } /*player side*/ .player-side { float: left; margin: 0 0 0 8px; } .results-side-expanded .player-side { width: 680px; } .results-side-collapsed .player-side { width: 96%; } /*results side*/ .results-side { float: right; } .results-side-expanded .results-side { width: 210px; } .results-side-collapsed .results-side { width: 10px; position: relative; left:-15px; } .results-side-expanded .results-header { display:block; } .results-side-collapsed .results-header { display:none; } .ps { background: url('../images/ps-bg.gif') repeat-y; float: right; width: 188px; margin: 5px 8px 0 0; position: relative; z-index: 20; } .results-side-expanded .ps { display: block; } .results-side-collapsed .ps { display: none; } .results-side-collapsed .right-button { display:none; } .results-side .data table { width: 90%; } .results-list { width: 100%; clear: both; } .results-list table { margin: 0 0 0 5px; } .results-list table td { padding: 0; } .profile-wrapper { width: 100%; } .team-icon2, .team-icon3, .team-icon5 { position: absolute; top: 1px; left: 0; width: 116px; height: 165px; } .team-icon2 { background: url('../images/banner-2v2.gif') no-repeat; } .team-icon3 { background: url('../images/banner-3v3.gif') no-repeat; } .team-icon5 { background: url('../images/banner-5v5.gif') no-repeat; } #team-icon-flash { position: absolute; top: 14px; left: 5px; } .team-icon-flash { position: absolute; top: 14px; left: 5px; } li.hcont .h { background: url('../images/team-icon-horde.gif') no-repeat; } li.hcont .a { background: url('../images/team-icon-alliance.gif') no-repeat; } .team-classes ul { margin: 0; padding: 0; list-style: none;} .team-name { margin: 0 0 0 105px; height: 55px; } .nomargin { margin: 0 0 0 10px !important; } .team-description { margin: 0 0 0 105px; width: 82%; clear: both; } .r1 { background: #f1e09f url('../images/r1.gif') repeat-x 0 100%; } .r2 { background: #f1d98d url('../images/r2.gif') repeat-x 0 100%; } .r3 { background: #f1d98d url('../images/r3.gif') repeat-x 0 100%; } .gr { background: #e7df4e url('../images/gr.gif') repeat-x 0 100%; } .rd { background: #f8bc46 url('../images/rd.gif') repeat-x 0 100%; } .kill { display: none; } .simple-team { margin: 15px 0 10px 0; } .simple-team td a, .simple-team td span { padding: 0 10px 0 10px; } .simple-team td a { font-weight: bold; } .simple-team td a:hover { text-decoration: underline; } .simple-team td { border: 1px solid #d3af4a; height: 27px; } .ps-bot { background: url('../images/ps-bot.gif') no-repeat 0 100%; } .ps-top { padding: 45px 0 0px 10px; background: url('../images/ps-top.gif') no-repeat 0 0; } .division { float: left; height: 405px; width: 10px; background: url('../images/div.png') no-repeat 0 0; margin: 0 0 0 3px; position: relative; z-index: 21; } .division:hover { background-position: 100% 0; } .division img { visibility: hidden; } a.left-button, a.right-button { display: block; height: 25px; width: 25px; position: absolute; left: -5px; } a.left-button { top: 50%; background: url('../images/tab-arrow-left.png') no-repeat 0 0; } a.right-button { top: 55%; background: url('../images/tab-arrow-right.png') no-repeat 0 0; } a.left-button:hover, a.right-button:hover { background-position: 0 100%; } .result-banner { position: relative; width: 10px; z-index: 90851; } .results-list h3 { position: absolute; top: -24px; left: -20px; font: 11px/14px "Trebuchet MS", Arial, Helvetica, sans-serif; width: 253px; height: 85px; background: url('../images/result-banner.png') no-repeat; padding: 0lea; margin: 0; } .results-list em { display: block; font-style: normal; margin: 28px 0 0 36px; padding: 0; width: 180px; text-align: center; } .data a.uptab, .data a.downtab, .data a.uptab-off, .data a.downtab-off { display: block; height: 22px; width: 159px; } .data a.uptab { background: url('../images/uptab.gif') no-repeat 0 0; } .data a.downtab { background: url('../images/downtab.gif') no-repeat 0 0; } .data a.uptab-off { background: url('../images/uptab-offstate.gif') no-repeat 0 0; } .data a.downtab-off { background: url('../images/downtab-offstate.gif') no-repeat 0 0; } .data a.uptab:hover, .data a.downtab:hover { background-position: 0 100%; } .play-buttons { margin: 0 8px 8px 0; height: 22px; } a.play-prev, a.play-down100 { display: block; float: left; height: 18px; } a.play-prev { width: 28px; background: url('../images/play-prev.gif') no-repeat 0 0; } a.play-prev, a.play-prev:active, a.play-prev:visited, a.play-last, a.play-last:active, a.play-last:visited, a.play-down100, a.play-down100:active, a.play-down100:visited, a.play-up100, a.play-up100:active, a.play-up100:visited { font: bold 10px Georgia, "Times New Roman", Times, serif; color: #8b2f02; text-decoration:none; padding-top: 4px;} a.play-down100 { width: 40px; padding-left: 2px; background: url('../images/play-down100.gif') no-repeat 0 0; text-align: center; } a.play-prev:hover, a.play-down100:hover, a.play-last:hover, a.play-up100:hover { background-position: 0 100%; color: black; } a.play-last, a.play-up100 { display: block; float: right; height: 18px; } a.play-last { width: 28px; background: url('../images/play-last.gif') no-repeat 0 0; } a.play-up100 { padding-left: 8px; width: 32px; background: url('../images/play-up100.gif') no-repeat 0 0; } a.backlink { clear: both; text-align: center; display: block; width: 90%; } .teamicon-noflash { position:relative; top:20px; left:-4px;} .teamicon-noflash img { border-style: none;} .teamstanding-noflash { position:relative; top:10px; font-weight: bold !important; font: 24px/24px bold Georgia, "Times New Roman", Times, serif; letter-spacing: -1px; } /* Player Profiles */ /*_______________________________________________________________*/ .player-icon { position: absolute; top: 11px; left: 0; width: 115px; height: 77px; background: url('../images/player-icon-tray.gif') no-repeat; } .avatar { position: absolute; top: 17px; left: 6px; width: 64px; height: 64px; background: none; z-index: 20; border: 2px solid #ffebb5; } .avatar:hover { border: 2px solid #c6ff00; } .player { float: left; width: 100%; } .guild { float: right; width: 50%; } .guild1 { margin: 0 0 0 10px !important; width: 95% !important; } .player-name { margin: 0 0 0 105px; height: 68px; } .player-description { margin: 0 0 0 105px; clear: left; } p.tabard-holder { background: url('../images/tabard-bg.jpg') no-repeat; display: block; top: -48px; right: -8px; position: absolute; height: 145px; width: 114px; margin: 0; } .guild-bg { width: 100%; height: 56px; background: url('../images/guild-bg.jpg') no-repeat 0 0; position: relative; left: -10px; top: -10px; clear: left; margin-bottom: -15px; } .playerlist { width: 55%; float: right; } .playdata { width: 25%; float: left; } .level-noflash { position:relative; top:10px; width:42px; text-align:center; font-weight: bold !important; font: 28px/14px Georgia, "Times New Roman", Times, serif; color:black; height: 50px;} .level-noflash em { position:absolute; display: block; height: 50px;top:-1px;left:-10px; width:56px; color:#ffd200; font-style: normal;} .character-details table { height:100px; vertical-align: middle; } .character-details td { vertical-align: middle; } .character-details h1, .character-details h2, .character-details h3, .character-details h4 { margin:0; padding:0; } .character-outer { display: block; position: relative; color:black; clear:both; left: 10px; } .character-clone { display: block; position: absolute; top: -1px; left: 139px; color:white; clear:both; } .character-clone h1 { color: white; } .character-clone h3 a { color:#ffd200; text-decoration: none; } .character-clone h3 a:hover { color: white; } /* Select Battlegroup */ /*_______________________________________________________________*/ .parch-search { position: relative; bottom: -10px; background: url('../images/parch-search-b2.gif') no-repeat 0 17px; } .parch-search h5 { font-size: 11px; margin: 0; padding: 0; } .parch-search p { margin: 5px; } .parch-search input, .scroll input, .paging input { background: url('../images/parch-search-bg.gif') repeat-x 0 0; border: 1px solid #9d780b; height: 15px; color: black; padding-left: 3px; width: 158px; margin: 0 0 0 2px; } .parch-search input:hover, .scroll input:hover, .paging input:hover, .detail-search select:hover { border: 1px solid #caf500; } .parch-search input:focus, .scroll input:focus, .paging input:focus { background: url('../images/parch-search-bg1.gif') repeat-x 0 0; } .paging input { width: 25px !important; } .generic-title { margin: 9px 0 0 10px; width: 100%; height: 59px; } .generic-title h1 { margin: 0; padding: 8px 0 0 0; color: #774e00; font-size: 20px; line-height: 22px; float: left; } .bg-title { margin: 4px 0 0 2px; width: 100%; height: 59px; } .bg-title h1, .bg-title div { margin: 0; padding: 0; float: left; } .realm-button { float: right !important; } .generic-title a { text-decoration: none; border-color: #66FF66; } .generic-title span { color: #774e00; font: bold 14px/16px Georgia, "Times New Roman", Times, serif; letter-spacing: -1px; } .battlegroups { margin: 0 0 10px 15px; } .battlegroups ul { list-style: none; margin: 0; padding: 0; width: 100%; } .battlegroups li { float: left; margin: 2px; } .battlegroups a { display: block; width: 196px; height: 56px; border: 3px solid #dfbd5e; } .battlegroups a:hover, a.tournament-bg:hover { border: 3px solid #dcfb08; } .bgspecial { clear: both; width: 97%; padding: 4px 0; background: url('../images/bg-special.jpg') no-repeat 50% 0; } a.tournament-bg { width: 313px; height: 68px; border: 3px solid #b53a1a; margin: 0 auto; } .realms { margin: 0 0 10px 15px; display: none; } .realms ul { list-style: none; margin: 0; padding: 0; width: 100%; } .realms li { float: left; margin: 2px; background: url('../images/sbg.gif') } .realms a { display: block; width: 171px; height: 22px; padding: 4px 0 0 25px; border: 3px solid #dfbd5e; background: url('../images/bullet.gif') no-repeat 0 4px; } .realms a:hover { border: 3px solid #dcfb08; background-position: 0 103%; } /* Select Team Type */ /*_______________________________________________________________*/ .team-type { width: 850px; height: 275px; } .team2, .team3, .team5 { float: left; height: 275px; position: relative; top: -4px; z-index: 99; } .team2 { width: 262px; background: url('../images/tt2-bg.jpg') no-repeat; } .team3 { width: 333px; background: url('../images/tt3-bg.jpg') no-repeat; } .team5 { width: 255px; background: url('../images/tt5-bg.jpg') no-repeat; } .team2 p, .team3 p { padding: 0; margin: 0; position: absolute; display: block; } .team2 p { width: 173px; height: 36px; top: -36px; left: 177px; background: url('../images/tt-top.gif') no-repeat; } .team3 p { width: 245px; height: 76px; top: -76px; left: 217px; background: url('../images/tt-top2.gif') no-repeat; } .team2 a, .team3 a, .team5 a { display: block; position: absolute; width: 147px; height: 147px; top: 45px; } /* Foldout Menu */ /*_______________________________________________________________*/ a.menuLink, a.menuLink:link, a.menuLink:visited { color: #F4C400; font-weight:bold; text-decoration: none; font-family:arial,comic sans ms,technical; font-size: 11px; width:120px; display:block;} a.menuLink img {border-style:none; margin:0; padding:0;} a.subMenuLink, a.subMenuLink:link, a.subMenuLink:visited { color: white; font-weight:normal; text-decoration: none; font-family:arial,comic sans ms,technical; font-size: 11px; width:100px; display:block;} a.subMenuLink img { border-style:none;} #wowMenu, #arenaMenu { position: relative; z-index:999999;float:left;} #wowMenu { width:48px; height:18px; left:-33px; top:-10px; } #arenaMenu { width:140px; height:18px; left:-27px; top:7px; } #langMenu { float: right; position: relative; top: 25px; right: 80px; width:149px; height:21px; } /* Character Search / Profiles */ /*_______________________________________________________________*/ .scroll { clear: both; width: 90%; position: relative; background: url('../images/colored-parch-bg.jpg') repeat; margin: 0 auto; } .scroll-bot { background: url('../images/cp-bot.jpg') repeat-x 50% 100%; } .scroll-top { background: url('../images/cp-top.jpg') repeat-x 50% 0; } .scroll-right { background: url('../images/cp-right.jpg') repeat-y 100% 50%; } .scroll-left { background: url('../images/cp-left.jpg') repeat-y 0 50%; } .scroll-bot-right { background: url('../images/cp-bot-right.png') no-repeat 100% 100%; } .scroll-bot-left { background: url('../images/cp-bot-left.png') no-repeat 0 100%; } .scroll-top-right { background: url('../images/cp-top-right.png') no-repeat 100% 0; } .scroll-top-left { background: url('../images/cp-top-left.png') no-repeat 0 0;} table.scroll-content { height: 200px; width: 500px !important; } .scroll td { padding: 0px !important; } .scroll input { width: 250px !important; position: relative; z-index: 29; } input.guildstats { width: 20px !important; position: relative; z-index: 29; text-align: center; } .header-cp span, .header-tp span, .header-gp span, .header-gs span { display: none; } td.srch { width: 137px; } .scroll-padding { margin:0; padding:0; height: 10px; width: 1px;display: block; clear: both; } .scroll-body { padding: 30px 40px; } /* Guild Profiles */ /*_______________________________________________________________*/ .header-gs { position: relative; z-index: 99; } .header-gs table { width: 410px !important; margin: 22px 30px 0 180px !important;height: 49px; background: url('../images/stats-tile.gif') repeat-x;} td.statend { background: url('../images/stats-right.gif') no-repeat 100% 0; } table.stats-content { width: 87% !important; } .stats-content h3, .stats-content h4 { color: #5f5133; font: bold 14px Georgia, "Times New Roman", Times, serif; letter-spacing: -1px; padding: 4px 0; margin: 0; width: 100%; text-align: center; display: block; } .stats-content h4 { padding: 0 !important; } .stats-content h2 { padding: 0; margin: 0 0 0 0px; } .stats-content h2 span { display: none; } .class-stats h3 { font-size: 14px !important; } .racial-stats { margin: 115px 0 0 0; width: 90%; } .class-stats { margin: 20px 0 0 0; } .level-stats { margin: 20px 0 55px 0; } .stats-content table { width: 548px; margin: 0 auto; } td.nameplate { background: url('../images/stats-backplate.gif') no-repeat 50% 0; height: 29px; text-align: center; } td.nameplate span { color: white; font-weight: bold; text-align: center; width: 100%; display: block;} td.nameplate a { color: white; display: block; height: 29px; width: 100%; text-decoration: none !important; padding: 4px 0 0 0; cursor: pointer; } td.nameplate a:hover { background: url('../images/stats-backplate0.gif') no-repeat 50% 0; } td.genders { width: 63px; } .level-stats table { width: 549px !important; } .level-stats tr.graph-layout td { width: 9px !important; } .race-graph, .class-graph, .level-graph { position: relative; height: 50px; margin: 0 auto; border-left: 1px solid #9a814a; border-right: 1px solid #9a814a; } .race-graph { width: 60px; } .class-graph { width: 42px; } .level-graph { width: 6px; } .racebar, .classbar, .levelbar, .levelbarOver { position: absolute; bottom: 0px; left: 0; height: 25px; } .racebar { width: 60px; background-color: #5b92a9; filter: alpha(opacity=50); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50); -moz-opacity: 0.50; opacity:0.5; } .classbar { width: 42px; filter: alpha(opacity=50); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50); -moz-opacity: 0.50; opacity:0.5; } .levelbar { width: 6px; background-color: #8d9e89; } .levelbarOver { width: 6px; background-color: #b0c93d; } .level-graph:hover .levelbar { width: 6px; background-color: #b0c93d; } .bar-1 { background-color: #543d0f; } .bar-2 { background-color: #a2705a; } .bar-3 { background-color: #6f682f; } .bar-4 { background-color: #bb9e00; } .bar-5 { background-color: #d7cbab; } .bar-7 { background-color: #a1522f; } .bar-8 { background-color: #61676d; } .bar-9 { background-color: #826250; } .bar-11 { background-color: #8f5f00; } .stats-content tr.graph-layout td { border-top: 1px solid #9a814a; border-bottom: 1px solid #9a814a; } .stats-content tbody p, .raceicon p, .classicon p, .levelicon p { padding: 0; margin: 0; position: absolute; top: -1px; width: 22px; height: 1px; } tbody p.left, .raceicon p.left, .classicon p.left, .levelicon p.left { left: -27px; background: url('../images/graph-pencil-left.gif') no-repeat; } tbody p.right, .raceicon p.right, .classicon p.right, .levelicon p.right { right: -27px; background: url('../images/graph-pencil-right.gif') no-repeat; } .raceicon p.left { left: -10px !important; } .raceicon p.right { right: -10px !important; } .classicon p.left { left: -20px !important; } .classicon p.right { right: -20px !important; } .levelicon p.left { left: -29px !important; } .levelicon p.right { right: -29px !important; } .stats-content tbody b { padding: 0; margin: 0; position: absolute; top: -27px; background: url('../images/graph-pencil-top.gif') no-repeat; width: 1px; height: 27px; left: -1px; } .racial-stats tbody b.right { left: 60px !important; } .class-stats tbody b.right { left: 42px !important; } .level-stats tbody b.right { left: 6px !important; } .g-pos { position: relative; } .gender-box { width: 26px; position: absolute; top: 20px; left: 20px; } .male { background: url('../images/gender-male.jpg') no-repeat; height: 73px; width: 100%; } .female { background: url('../images/gender-female.jpg') no-repeat; height: 73px; width: 100%; } .male em, .female em { margin: 0; width: 100%; text-align: center; color: white; font: bold 12px Georgia, "Times New Roman", Times, serif; letter-spacing: -1px; display: block; } .male a, .female a { display: block; height: 35px; width: 26px; } .male { padding: 5px 0 0 0; margin: 0 0 -5px 0; } .female { padding: 0 0 0 0; } .raceicon { width: 97px; height: 88px; margin: 0 auto; position: relative; } .classicon { width: 54px; height: 69px; margin: 0 auto; position: relative; } .levelicon { width: 41px; height: 25px; margin: 0 auto; position: relative; } .classicon a { display: block; width: 54px; height: 69px; margin: 0 auto; cursor: pointer; } .classicon a:hover { background: url('../images/icon-class0.gif') no-repeat 0 0; } .levelicon em { position: absolute; font-style: normal; right: -15px; top: 0; background: url('../images/graph-pencil-bot.gif') no-repeat 0 0; height: 25px; padding: 0 0 0 2px; } .stats-console { width: 286px; height: 106px; padding: 0; margin: 0 auto -20px auto; color: white; } .stats-console table { width: 286px !important; } .stat-padding { padding: 10px !important; } .shield-11 { background: url('../images/sheild-draenei.jpg') no-repeat 0 0; } .shield-3 { background: url('../images/sheild-dwarf.jpg') no-repeat 0 0; } .shield-1 { background: url('../images/sheild-human.jpg') no-repeat 0 0; } .shield-7 { background: url('../images/sheild-gnome.jpg') no-repeat 0 0; } .shield-4 { background: url('../images/sheild-ne.jpg') no-repeat 0 0; } .shield-10 { background: url('../images/sheild-be.jpg') no-repeat 0 0; } .shield-5 { background: url('../images/sheild-forsaken.jpg') no-repeat 0 0; } .shield-2 { background: url('../images/sheild-orc.jpg') no-repeat 0 0; } .shield-6 { background: url('../images/sheild-tauren.jpg') no-repeat 0 0; } .shield-8 { background: url('../images/sheild-troll.jpg') no-repeat 0 0; } .shield-11-0 { background: url('../images/sheild-draenei0.jpg') no-repeat 0 0; } .shield-3-0 { background: url('../images/sheild-dwarf0.jpg') no-repeat 0 0; } .shield-1-0 { background: url('../images/sheild-human0.jpg') no-repeat 0 0; } .shield-7-0 { background: url('../images/sheild-gnome0.jpg') no-repeat 0 0; } .shield-4-0 { background: url('../images/sheild-ne0.jpg') no-repeat 0 0; } .shield-10-0 { background: url('../images/sheild-be0.jpg') no-repeat 0 0; } .shield-5-0 { background: url('../images/sheild-forsaken0.jpg') no-repeat 0 0; } .shield-2-0 { background: url('../images/sheild-orc0.jpg') no-repeat 0 0; } .shield-6-0 { background: url('../images/sheild-tauren0.jpg') no-repeat 0 0; } .shield-8-0 { background: url('../images/sheild-troll0.jpg') no-repeat 0 0; } .race-icons { width: 100%; text-align: center; } .icon-1 { background: url('../images/icon-war.jpg') no-repeat 0 0; } .icon-2 { background: url('../images/icon-pal.jpg') no-repeat 0 0; } .icon-3 { background: url('../images/icon-hun.jpg') no-repeat 0 0; } .icon-4 { background: url('../images/icon-rog.jpg') no-repeat 0 0; } .icon-5 { background: url('../images/icon-pri.jpg') no-repeat 0 0; } .icon-7 { background: url('../images/icon-sha.jpg') no-repeat 0 0; } .icon-8 { background: url('../images/icon-mag.jpg') no-repeat 0 0; } .icon-9 { background: url('../images/icon-loc.jpg') no-repeat 0 0; } .icon-11 { background: url('../images/icon-dru.jpg') no-repeat 0 0; } .icon-1-0 { background: url('../images/icon-war0.jpg') no-repeat 0 0; } .icon-2-0 { background: url('../images/icon-pal0.jpg') no-repeat 0 0; } .icon-3-0 { background: url('../images/icon-hun0.jpg') no-repeat 0 0; } .icon-4-0 { background: url('../images/icon-rog0.jpg') no-repeat 0 0; } .icon-5-0 { background: url('../images/icon-pri0.jpg') no-repeat 0 0; } .icon-7-0 { background: url('../images/icon-sha0.jpg') no-repeat 0 0; } .icon-8-0 { background: url('../images/icon-mag0.jpg') no-repeat 0 0; } .icon-9-0 { background: url('../images/icon-loc0.jpg') no-repeat 0 0; } .icon-11-0 { background: url('../images/icon-dru0.jpg') no-repeat 0 0; } tr.level-range td { color: #5f5133; font: bold 12px Georgia, "Times New Roman", Times, serif; letter-spacing: -1px; background: url('../images/graph-pencil-bot.gif') no-repeat 0 0; } .error-container1 { position: absolute; top: 70px; left: 250px; visibility: hidden; } .error-container2 { position: absolute; top: 70px; left: 410px; visibility: hidden; } .error-message { padding: 3px 10px; color: white; font-weight: bold; background: #9d2500 url('../images/error-tile.gif') repeat-x 0 0; position: relative; border: 1px solid white; z-index: 110; height: 18px;} .error-message p { margin: 0; padding: 0; position: absolute; top: -10px; height: 11px; width: 11px; } .error-container1 p { right: 10px; background: url('../images/error-arrow2.gif') no-repeat; } .error-container2 p { left: 10px; background: url('../images/error-arrow.gif') no-repeat; } h4.gm, strong.gm { background: url('../images/icons/icon-guildmaster.gif') no-repeat 0 0; padding: 0 0 0 23px; } strong.noicon { padding: 0 0 0 23px; } /* Talents */ /*_______________________________________________________________*/ .replaceMeWithTalents { min-height:523px;} .talentwrap1 { display:table; margin:0 auto;} .talentwrap2 { display:table-cell;} .talentcontent { width:202px; height:444px; } .talenttreename { margin:0px auto auto 3px; height:27px; line-height:27px;} .talenttreeicon { width:27px; height:27px; float:left;} .treePadding { padding: 3px 5px 0 5px !important;} .talentNameStyle { font-size:13px; font-weight:normal !important;} .talentDescriptionStyle { color:#ffd517 !important;} .tdPaddingTen { padding: 5px 10px 5px 6px !important;} .tdPaddingThree { padding: 3px !important;} .tdPaddingFive { padding: 5px 10px !important; } .tabletopleft { width: 8px; height: 3px !important; background: url('../images/icons/talents/top-left.gif') top right no-repeat;} .tabletop { background-image: url('../images/icons/talents/top.gif');} .tabletopright { width: 8px; height: 3px !important; background: url('../images/icons/talents/top-right.gif') top left no-repeat;} .tableleft { background: url('../images/icons/talents/left.gif') top right repeat-y;} .tablebotleft { height: 3px; background:url('../images/icons/talents/bot-left.gif') top right no-repeat; } .tablebot { background: url('../images/icons/talents/bot.gif') repeat-x 0 0;} .tableright { background: url('../images/icons/talents/right.gif') top left repeat-y;} .tablebotright { height: 3px; background: url('../images/icons/talents/bot-right.gif') top left no-repeat;} .tablebotrightright { width: 4px; height: 40px; background-image:none;} .tablebotleftleft { width: 4px; height: 40px; background-image:none;} .treeName {color: #000000; font-weight: bold; font-size: 12px; } .treeColon {color: #000000;} .treePoint {color: #000000;} .treePoints {color: #000000;} .mySmall, .mySmall2, .mySmallOff, .mySmall22, .mySmallOff2, .mySmallGreen, .mySmallGreen2 { font-family: "Tahoma", "Arial", "Helvetica", "Sans-Serif"; } .rankTooltip { color: #ffffff; font-size: 10px;} .mySmall { color: #ffd100; font-size: 9px; letter-spacing: 1px;} .mySmall2 { color: #ffd100; font-size: 9px; position: relative; left: -7px; top: -13px; letter-spacing: 1px; padding: 0 0 0 1px;} .mySmall22 { color: #ffd100; font-size: 9px; position: relative; letter-spacing: 1px;} .mySmallOff { color: #ffffff; font-size: 9px; position: relative; left: -7px; top: -13px; letter-spacing: 1px; padding: 0 0 0 1px;} .mySmallOff2 { color: #ffffff; font-size: 9px; position: relative; letter-spacing: 1px;} .mySmallGreen { color: #1aff1a; font-size: 9px; position: relative; left: -7px; top: -13px; letter-spacing: 1px; padding: 0 0 0 1px;} .mySmallGreen2 { color: #1aff1a; font-size: 9px; position: relative; letter-spacing: 1px;} .arrowdown1 { position: absolute; top: -16px; left: 8px; z-index: 100; } .arrowdown2 { position: absolute; top: -65px; left: 8px; z-index: 100; } .arrowdown3 { position: absolute; top: -114px; left: 8px; z-index: 100; } .arrowdown4 { position: absolute; top: -163px; left: 8px; z-index: 100; } .arrowacrossright { position: absolute; top: 8px; left: -16px; z-index: 100; } .arrowdownleft { position: absolute; top: -47px; left: 10px; z-index: 100; } .arrowacrossleft { position: absolute; top: 8px; left: 29px; z-index: 100; } .arrowdownright { position: absolute; top: -36px; left: -17px; z-index: 100; }