wowd.css

   1 /* Item quality style */
   2 IMG {border: 0px;}
   3
   4 SPAN.quality0  {COLOR: #808080;DISPLAY: block; FONT-WEIGHT: bold;}
   5 SPAN.quality1  {COLOR: #ffffff;DISPLAY: block; FONT-WEIGHT: bold;}
   6 SPAN.quality2  {COLOR: #00ff00;DISPLAY: block; FONT-WEIGHT: bold;}
   7 SPAN.quality3  {COLOR: #0068ff;DISPLAY: block; FONT-WEIGHT: bold;}
   8 SPAN.quality4  {COLOR: #8000ff;DISPLAY: block; FONT-WEIGHT: bold;}
   9 SPAN.quality5  {COLOR: #ff8000;DISPLAY: block; FONT-WEIGHT: bold;}
  10 SPAN.quality6  {COLOR: #ff0000;DISPLAY: block; FONT-WEIGHT: bold;}
  11 SPAN.quality7  {COLOR: #CC6666;DISPLAY: block; FONT-WEIGHT: bold;}
  12
  13 A.quality0  {COLOR: #808080;FONT-WEIGHT: bold;}
  14 A.quality1  {COLOR: #000000;FONT-WEIGHT: bold;}
  15 A.quality2  {COLOR: #00aa00;FONT-WEIGHT: bold;}
  16 A.quality3  {COLOR: #0068ff;FONT-WEIGHT: bold;}
  17 A.quality4  {COLOR: #8000ff;FONT-WEIGHT: bold;}
  18 A.quality5  {COLOR: #ff8000;FONT-WEIGHT: bold;}
  19 A.quality6  {COLOR: #ff0000;FONT-WEIGHT: bold;}
  20 A.quality7  {COLOR: #CC6666;FONT-WEIGHT: bold;}
  21
  22 /* Creature reaction */
  23 SPAN.friendly {BACKGROUND-COLOR: #00ff00; FONT-WEIGHT: bold; COLOR: #000000}
  24 SPAN.hostile  {BACKGROUND-COLOR: #ff0000; FONT-WEIGHT: bold; COLOR: #000000}
  25 SPAN.neitral  {BACKGROUND-COLOR: #FFFF00; FONT-WEIGHT: bold; COLOR: #000000}
  26
  27 IMG.point {position: absolute;}
  28
  29 /* Image size style */
  30 IMG.reagent   {width: 24px;}
  31 IMG.item      {width: 32px;}
  32 div.item      {FONT-SIZE: 14; font-weight: 800;}
  33 IMG.cost      {width: 20px;}
  34 IMG.sell      {width: 20px;}
  35 IMG.auction   {width: 32px;}
  36 div.auction   {FONT-SIZE: 12; font-weight: 800;}
  37 IMG.set       {width: 24px;}
  38 IMG.armory    {width: 38px;}
  39 div.armory    {font-size: 14; font-weight: 800;}
  40 IMG.guildb    {width: 39px;}
  41 div.guildb    {font-size: 14; font-weight: 800;}
  42 IMG.spell     {width: 32px;}
  43 IMG.spellinfo {width: 32px;}
  44 IMG.aura      {width: 32px;}
  45 IMG.quest     {width: 24px;}
  46 IMG.skill     {width: 40px;}
  47
  48 /* Substring style */
  49 div.srank     {COLOR: #000000; font-size: 11px; }
  50 div.srank    A{COLOR: #000000; text-decoration: none;}
  51 div.subname   {COLOR: #008800; font-size: 10px; }
  52 div.subname  A{COLOR: #008800; text-decoration: none;}
  53 div.rank      {COLOR: #330066; font-size: 10px; }
  54 div.rank     A{COLOR: #330066; text-decoration: none;}
  55 div.areaname  {COLOR: #330066; font-size: 10px; }
  56 div.areaname A{COLOR: #330066; text-decoration: none;}
  57 div.reqfocus  {COLOR: #330066; font-size: 10px; }
  58 div.reqfocus A{COLOR: #330066; text-decoration: none;}
  59
  60 /* Search dialog style */
  61 TABLE.find                {padding: 0px; border-spacing: 1px;}
  62 TABLE.find TD.top         {padding: 1px;}
  63 TABLE.find TD.bottom      {text-align: center;}
  64 TABLE.findtop             {WIDTH: 100%; BORDER: 0px; border-collapse: collapse;}
  65 TABLE.findtop TD.topleft  {padding:  0px;}
  66 TABLE.findtop TD.top      {padding: 10px;text-align: center;}
  67 TABLE.findtop TD.topright {padding:  0px;}
  68
  69 /* Main report table style */
  70 TABLE.report              {FONT-SIZE: 13px; color: #000000; border-color: #999 #333 #333 #999; border-width: 2px; border-style: solid; border-collapse: collapse; border-spacing: 0; width: 100%; margin-bottom: 10px;}
  71 TABLE.report IMG          {vertical-align: middle;}
  72 TABLE.report TH           {BORDER:#CCCCFF 1px solid; COLOR: #66CCFF; BACKGROUND-COLOR: #000066;}
  73 TABLE.report TH A         {COLOR: #66CCFF; TEXT-DECORATION: underline}
  74 TABLE.report TD           {BORDER:#CCCCFF 1px solid;PADDING: 0px; vertical-align: middle; TEXT-ALIGN: center;}
  75 TABLE.report TD A         {TEXT-DECORATION: none;}
  76 TABLE.report TD.left      {TEXT-ALIGN: left; padding: 0px 5px;}
  77 TABLE.report TD.full      {TEXT-ALIGN: left; padding: 0px 5px; white-space: nowrap;}
  78 TABLE.report TD.small     {WIDTH: 1%; padding: 0px 5px; white-space: nowrap;}
  79 TABLE.report TD.i_ico     {width: 32px; padding: 0px;}
  80 TABLE.report TD.i_ico  img{width: 32px;}
  81 TABLE.report TD.s_ico     {width: 32px; padding: 0px;}
  82 TABLE.report TD.s_ico  img{width: 32px;}
  83 TABLE.report TD.icon      {width: 32px; TEXT-ALIGN: left; white-space: nowrap;}
  84 TABLE.report TD.icon   img{width: 32px; margin: 0 5px 0 0;}
  85 TABLE.report TD.skill     {width: 40px; padding: 0px;}
  86 TABLE.report TD.skill  img{width: 38px;}
  87 TABLE.report TD.set    img{width: 40px; padding: 0px;}
  88 TABLE.report TD.iset   img{width: 24px; padding: 0px;}
  89 TABLE.report TD.cost      {width: 1%; padding: 0px 5px; white-space: nowrap;}
  90
  91 TABLE.report TR.head      {BACKGROUND-COLOR: #000055; FONT-SIZE: 16px; FONT-WEIGHT: 800;}
  92 TABLE.report TR.head    TD{COLOR: #ffdd00;}
  93 TABLE.report TD.head      {COLOR: #ffdd00; BACKGROUND-COLOR: #000055; FONT-SIZE: 16px; FONT-WEIGHT: 800;}
  94 TABLE.report TD.page      {COLOR: #000000; BACKGROUND-COLOR: #aaaaaa; FONT-SIZE: 13px;}
  95
  96 TABLE.report TD.forsub    {BORDER:#CCCCFF 1px solid;PADDING: 0px;}
  97 TABLE.report TR.highlight {BACKGROUND-COLOR: #aaaaaa}
  98 TABLE.report TR.notknow   {COLOR: #000000; BACKGROUND-COLOR: #FFCCFF; FONT-SIZE: 13px;}
  99 TABLE.report TD.rank             {COLOR: #400080;}
 100 TABLE.report TD.prace            {WIDTH: 1px;}
 101 TABLE.report TD.pclass           {WIDTH: 1px;}
 102 TABLE.report TD.pfaction         {WIDTH: 1px;}
 103 TABLE.report TD.emblem           {WIDTH: 1px; vertical-align: top;}
 104 TABLE.report TD.guild            {COLOR: #008000;FONT-WEIGHT: 600;}
 105 TABLE.report TD.guild A          {COLOR: #008000;}
 106 TABLE.report TD.player           {COLOR: #800000;FONT-WEIGHT: 600;}
 107 TABLE.report TD.player A         {COLOR: #800000;}
 108 TABLE.report TD.zone             {COLOR: #804000;FONT-WEIGHT: 600; width: 1%;}
 109 TABLE.report TD.zone A           {COLOR: #008000;}
 110 TABLE.report TD.stat_data        {vertical-align: bottom; background: #000000;}
 111 TABLE.report TD.skill_category   {font-size: 12px; COLOR: #FFFFCC; background: #000066; FONT-WEIGHT: 800; text-align: left; padding-left: 3px;}
 112 TABLE.report TD.skill_ico        {padding: 0px; width: 1px; border-right: 0px solid; }
 113 TABLE.report TD.skill_ico img    {width: 8px;}
 114 TABLE.report TD.skill_name       {text-align: left; font-size: 12px; padding-left: 10px; white-space: nowrap;}
 115 TABLE.report TD.skill_bar        {FONT-WEIGHT: 800; font-size: 10px; color: #FFFFFF; padding: 0px; width: 100%;}
 116 TABLE.report TD.teamreputation   {COLOR: #FFFFCC; text-align: left; background: #000066; FONT-WEIGHT: 800; cursor: default; padding-left: 3px;}
 117 TABLE.report TD.teamreputation A {COLOR: #FFFFCC; display: block;}
 118 TABLE.report TD.reputation       {text-align: left; font-size: 12px; white-space: nowrap;cursor: default; padding-left: 3px;}
 119 TABLE.report TD.reputation     A {display: block;}
 120 TABLE.report TD.rep_value        {font-size: 12px; width: 1%; padding: 0px 5px; white-space: nowrap; cursor: default;}
 121 TABLE.report TD.rep_bar          {FONT-WEIGHT: 800; font-size: 10px; color: #FFFFFF; padding: 0px; width: 100%; cursor: default;}
 122
 123 TABLE.sublist       {BORDER:#CCC0FF 0px solid; FONT-SIZE: 13px; MARGIN: 0px; COLOR: #000000; border-collapse: collapse; border-spacing: 0; WIDTH: 100%;}
 124 /* Reputation bar style */
 125 div.rep_bar        {width: 100%;height:14px;background:transparent url(images/bar/bar-mana.gif) repeat-x scroll 0 0;position:relative;text-align: left;border: 0px; margin: 0px; }
 126 div.rep_bar b      {height:14px;position:absolute;}
 127 div.rep_bar b.rep0 {background:transparent url(images/bar/bar-hated.gif) repeat-x scroll 0 0;}
 128 div.rep_bar b.rep1 {background:transparent url(images/bar/bar-hostile.gif) repeat-x scroll 0 0;}
 129 div.rep_bar b.rep2 {background:transparent url(images/bar/bar-unfriendly.gif) repeat-x scroll 0 0;}
 130 div.rep_bar b.rep3 {background:transparent url(images/bar/bar-neutral.gif) repeat-x scroll 0 0;}
 131 div.rep_bar b.rep4 {background:transparent url(images/bar/bar-friendly.gif) repeat-x scroll 0 0;}
 132 div.rep_bar b.rep5 {background:transparent url(images/bar/bar-honored.gif) repeat-x scroll 0 0;}
 133 div.rep_bar b.rep6 {background:transparent url(images/bar/bar-revered.gif) repeat-x scroll 0 0;}
 134 div.rep_bar b.rep7 {background:transparent url(images/bar/bar-exalted.gif) repeat-x scroll 0 0;}
 135 div.rep_bar span   {position:absolute; text-align:center; width:100%;}
 136
 137 /* Skill bar style */
 138 div.skill_bar      {width: 100%;height:14px;background:transparent url(images/bar/bar-mana.gif) repeat-x scroll 0 0;position:relative;text-align: left;border:0px solid black;}
 139 div.skill_bar b    {height:14px;position:absolute;}
 140 div.skill_bar b.s1 {background:transparent url(images/bar/bar-grey.gif) repeat-x scroll 0 0;}
 141 div.skill_bar span {position:absolute; text-align:center; width:100%;}
 142
 143 /* Live search table style */
 144 TABLE.livesearch    {BORDER:#000000 1px solid; color: #000000; background: url(images/bar/ls_data.gif); FONT-SIZE: 13px; border-collapse: collapse;}
 145 TABLE.livesearch A  {font-weight: normal; text-decoration: none; display: block; width: auto;}
 146 TABLE.livesearch B  {text-decoration: underline;}
 147 TABLE.livesearch TR {BORDER:#330000 1px solid; height: 23px;}
 148 TABLE.livesearch TD        {width: 20px; white-space: nowrap;}
 149 TABLE.livesearch TD   IMG  {width: 20px;}
 150 TABLE.livesearch TD.lsname {padding-left: 5px;}
 151 TABLE.livesearch TD.lstype {text-align: center; font-size: 11px; font-weight: bold; padding: 0px 4px 0px 4px; }
 152
 153 /* Stat module - bars style */
 154 TABLE.stat                {BORDER: 0px; FONT-SIZE: 10px;}
 155 TABLE.stat TR.stat_top    {color: #FFFFFF;}
 156 TABLE.stat TR.stat_top img{BORDER: #330066 1px solid;}
 157 TABLE.stat TR.stat_bot    {background: #333333;}
 158 TABLE.stat TD.st_data     {color: #FFFFCC; BORDER: 0px; padding: 0px; text-align: center; vertical-align: bottom;}
 159 TABLE.stat TD.st_datab    {color: #FFFFCC; BORDER: 0px; padding: 0px; text-align: center; vertical-align: top;}
 160
 161 /* Ajax tooltip style */
 162 div.loading                 {color: #FFFFFF; background: url(images/ajax-loader.gif); width: 32px; height: 32px; }
 163 TABLE.tooltip               {color: #FFFFFF; background: #282828;}
 164 TABLE.tooltip               {BORDER-RIGHT: #888 2px solid; BORDER-TOP: #eee 2px solid; BORDER-LEFT: #eee 2px solid; BORDER-BOTTOM: #888 2px solid;}
 165 TABLE.tooltip TD            {padding: 0px;}
 166 TABLE.tooltip TD.tiptopl    {}
 167 TABLE.tooltip TD.tiptop     {}
 168 TABLE.tooltip TD.tiptopr    {}
 169 TABLE.tooltip TD.tipl       {}
 170 TABLE.tooltip TD.tipbody    {FONT-SIZE: 12px; padding: 4px;}
 171 TABLE.tooltip TD.tipr       {}
 172 TABLE.tooltip TD.tipbottoml {}
 173 TABLE.tooltip TD.tipbottom  {}
 174 TABLE.tooltip TD.tipbottomr {}
 175
 176 /* Show item, go, npc ... top table style */
 177 TABLE.border             {FONT-SIZE: 12px; margin: 0px;}
 178 TABLE.border             {BORDER-RIGHT: #888 2px solid; BORDER-TOP: #eee 2px solid; BORDER-LEFT: #eee 2px solid; BORDER-BOTTOM: #888 2px solid;}
 179 TABLE.border TD.btopl    {}
 180 TABLE.border TD.btop     {}
 181 TABLE.border TD.btopr    {}
 182 TABLE.border TD.bl       {}
 183 TABLE.border TD.bbody    {color: #FFFFFF;  padding: 4px; background: #282828;}
 184 TABLE.border TD.br       {}
 185 TABLE.border TD.bbottoml {}
 186 TABLE.border TD.bbottom  {}
 187 TABLE.border TD.bbottomr {}
 188
 189 /* Item info table style */
 190 TABLE.item               {width: 300px;FONT-FAMILY: Tahoma; FONT-SIZE: 12px;}
 191 TABLE.item               {COLOR: #ffffff; margin: 0px; text-align: justify;}
 192 TABLE.item div.right     {float: right; padding-left: 20px;}
 193 TABLE.item TD            {padding: 0px; vertical-align: text-top;}
 194 TABLE.item A             {TEXT-DECORATION: none; font-weight: normal;}
 195 TABLE.item A:link        {COLOR: #00ff00;}
 196 TABLE.item A:visited     {COLOR: #00ee00;}
 197 TABLE.item A:hover       {COLOR: #77ff77;}
 198 TABLE.item A:active      {COLOR: #00ff00;}
 199 TABLE.item TD.req A      {COLOR: white;}
 200 TABLE.item TD.SpellStat  {COLOR: #00ff00; }
 201 TABLE.item TD.name       {white-space: nowrap;}
 202 TABLE.item TD.Unique     {COLOR: #aaaa00; }
 203 TABLE.item TD.MetaSock    {background: url(images/socket_meta.gif) no-repeat; padding-left: 23px; height: 16px;}
 204 TABLE.item TD.blueSock    {background: url(images/socket_blue.gif) no-repeat; padding-left: 23px; height: 16px;}
 205 TABLE.item TD.redSock     {background: url(images/socket_red.gif) no-repeat; padding-left: 23px; height: 16px;}
 206 TABLE.item TD.yellowSock  {background: url(images/socket_yellow.gif) no-repeat; padding-left: 23px; height: 16px;}
 207 TABLE.item TD.MetaSock   A{COLOR: #CCCCFF;}
 208 TABLE.item TD.blueSock   A{COLOR: #00FFFF;}
 209 TABLE.item TD.redSock    A{COLOR: #ff0000;}
 210 TABLE.item TD.yellowSock A{COLOR: #ffff00;}
 211 TABLE.item TD.EnchantSock {COLOR: #00ff00;}
 212 TABLE.item TD.EnchantSock img{vertical-align: middle; width: 16px; height: 16px;}
 213 TABLE.item TD.disBonus   {COLOR: #CCCCCC; }
 214 TABLE.item TD.disBonus A {COLOR: #CCCCCC; }
 215 TABLE.item TD.itemsetname{COLOR: #CC9933; }
 216 TABLE.item TD.itemsetname A{COLOR: #CC9933; }
 217 TABLE.item TD.enSetName  A{COLOR: #FFFFCC; padding-left: 10px;}
 218 TABLE.item TD.disSetName A{COLOR: #999999; padding-left: 10px;}
 219 TABLE.item TD.enSpell    {COLOR: #00ff00; }
 220 TABLE.item TD.disSpell   {COLOR: #999999; }
 221 TABLE.item TD.faction A  {COLOR: #FF9900; }
 222 TABLE.item TD.itemdesc   {COLOR: #aaaa00; }
 223 TABLE.item TD.sellprice  {COLOR: #7777ff;FONT-SIZE: 11px;}
 224 TABLE.item TD.bottom     {COLOR: #000000;BACKGROUND-COLOR: #aaaaaa;FONT-SIZE: 10px;TEXT-ALIGN: center;}
 225
 226 /*Ìàð style*/
 227 TABLE.map                  {background-color: #000000; border-color: #333333;}
 228 TABLE.map TD               {border-color: #330066;}
 229 TABLE.map TD.mapname       {color: #FFFFCC; text-align: center;}
 230 TABLE.map TD.mapname     A {color: #FFFFCC; font-weight: bold;}
 231 TABLE.map TD div.m_scale   {text-align: right; position: absolute; border: 0px; left: 5px; top: 5px;}
 232 TABLE.map TD div.m_scale A {color: #FF9900; TEXT-DECORATION: none;}
 233 /*Ìàð tooltip style*/
 234 TABLE.maptooltip           {color: #FFFFFF; font-size: 12px;}
 235 TABLE.maptooltip TD        {padding: 0px; white-space: nowrap;}
 236 TABLE.maptooltip TD.name   {font-size: 14px; text-align: center;}
 237
 238 TABLE.creature           {WIDTH: 200px; FONT-FAMILY: Tahoma;FONT-SIZE: 12px;}
 239 TABLE.creature           {COLOR: #ffffff; margin: 0px; white-space: nowrap; }
 240 TABLE.creature A         {COLOR: #99CCCC; TEXT-DECORATION: none; }
 241 TABLE.creature TD.bottom {COLOR: #000000; BACKGROUND-COLOR: #aaaaaa; FONT-SIZE: 10px;TEXT-ALIGN: center;}
 242
 243 TABLE.gameobject           {WIDTH: 200px; FONT-FAMILY: Tahoma;FONT-SIZE: 14px;}
 244 TABLE.gameobject           {COLOR: #ffffff; margin: 0px;}
 245 TABLE.gameobject A         {COLOR: #99CCCC; TEXT-DECORATION: none; }
 246 TABLE.gameobject TD.bottom {COLOR: #000000; BACKGROUND-COLOR: #aaaaaa;FONT-SIZE: 10px;TEXT-ALIGN: center;}
 247
 248 TABLE.spell               {WIDTH: 300px; FONT-FAMILY: Tahoma; FONT-SIZE: 12px; text-align: justify;}
 249 TABLE.spell               {COLOR: #ffffff; margin: 0px;}
 250 TABLE.spell TD           A{TEXT-DECORATION: none}
 251 TABLE.spell TD.SpellDesc  {COLOR: #00ff00;}
 252 TABLE.spell TD.SpellDesc A{COLOR: #00ff00;}
 253 TABLE.spell TD.SpellErr   {COLOR: #ff0000;}
 254 TABLE.spell TD.SpellEnch  {COLOR: #FFE400;}
 255 TABLE.spell TD.SpellEnch A{COLOR: #FFE400;}
 256 TABLE.spell TD.Talent     {COLOR: #FFE400;}
 257 TABLE.spell TD.Talent    A{COLOR: #FFE400;}
 258 TABLE.spell TD.Name       {COLOR: #ffffff; font-size: larger; white-space: nowrap;}
 259 TABLE.spell TD.Rank       {COLOR: #CCCCCC; font-size: larger; white-space: nowrap; text-align: right;}
 260 TABLE.spell TD.bottom     {COLOR: #000000;BACKGROUND-COLOR: #aaaaaa;FONT-SIZE: 10px;TEXT-ALIGN: center;}
 261 TABLE.spell TD.tool      A{COLOR: #FF9900;}
 262 TABLE.spell TD.req       A{COLOR: #FFFFFF;}
 263
 264 TABLE.factiontip         {color: #FFFFCC; width: 350px; FONT-FAMILY: Tahoma; font-size: 12px; text-align: justify;}
 265 TABLE.factiontip A       {color: #99CCCC; TEXT-DECORATION: none; }
 266 TABLE.factiontip TD.name {color: #FF9900;}
 267
 268 TABLE.details          {COLOR: #000000; BORDER-LEFT: #999 2px solid; BORDER-RIGHT: #333 2px solid; BORDER-TOP: #999 2px solid; BORDER-BOTTOM: #333 2px solid; FONT-SIZE: 14px; border-collapse: collapse; border-spacing: 0}
 269 TABLE.details A        {text-decoration: none; }
 270 TABLE.details TD       {BORDER:#000099 1px solid;PADDING: 2px; vertical-align: middle;  }
 271 TABLE.details TD IMG   {width: 32px;}
 272 TABLE.details TD.head  {COLOR: #ffdd00; BACKGROUND-COLOR: #000055; FONT-SIZE: 16px; FONT-WEIGHT: 800;  TEXT-ALIGN: center;}
 273 TABLE.details TH       {BORDER:#CCCCFF 1px solid; COLOR: #FFFFCC; BACKGROUND-COLOR: #000066; FONT-WEIGHT: 500; width: 70px;}
 274
 275 div.ex_cost            {white-space: nowrap; font-size: 11px;}
 276 table.reagents         {padding: 0px; BORDER: 0px; border-collapse: collapse;}
 277 table.reagents TD      {COLOR: #000000; font-size: x-small; text-align: center;  padding: 0px 1px;}
 278 TABLE.reagents TD IMG  {width: 24px;}
 279 table.no_border TD     {COLOR: #000000; BORDER: 0px; font-size: 12px;}
 280
 281 TABLE.chartt                   {FONT-FAMILY: Tahoma; FONT-SIZE: 11px;}
 282 TABLE.chartt                   {COLOR: #dfb900; padding: 0px; margin: 0px;}
 283 TABLE.chartt TD.head           {COLOR: #FFFFFF; font-size: 13px; font-weight: 700; }
 284
 285 TABLE.charttborder             {FONT-SIZE: 12px;BORDER-RIGHT: #888 2px solid; BORDER-TOP: #eee 2px solid; BORDER-LEFT: #eee 2px solid; BORDER-BOTTOM: #888 2px solid;}
 286 TABLE.charttborder TD.ptopl    {WIDTH: 1px; HEIGHT: 1px;}
 287 TABLE.charttborder TD.ptop     {HEIGHT: 1px;}
 288 TABLE.charttborder TD.ptopr    {WIDTH: 1px; HEIGHT: 1px;}
 289 TABLE.charttborder TD.pl       {WIDTH: 1px;}
 290 TABLE.charttborder TD.pr       {WIDTH: 1px;}
 291 TABLE.charttborder TD.pbottoml {WIDTH: 1px; HEIGHT: 1px;}
 292 TABLE.charttborder TD.pbottom  {HEIGHT: 1px;}
 293 TABLE.charttborder TD.pbottomr {WIDTH: 1px; HEIGHT: 1px;}
 294
 295 TABLE.quest         {COLOR: #000000; BACKGROUND-COLOR: #cccccc; border-color: #999 #333 #333 #999; border-style: solid; border-width: 2px;}
 296 TABLE.quest         {margin-top: 20px; text-align: justify; border-collapse: collapse; border-spacing: 0;}
 297 TABLE.quest TD      {padding: 1px 5px;}
 298 TABLE.quest TD.reward   A{FONT-SIZE: 13px;}
 299 TABLE.quest TD.reward IMG{vertical-align: middle; width: 32px;}
 300 TABLE.quest TD.mark {COLOR: #000000; BACKGROUND-COLOR: #bbbbbb;}
 301 TABLE.quest TD.head {COLOR: #ffdd00; BACKGROUND-COLOR: #000055; FONT-WEIGHT: 800; TEXT-ALIGN: center;}
 302
 303 TABLE.character {FONT-FAMILY: Tahoma;}
 304 TABLE.character {BORDER-RIGHT: #888 2px solid; BORDER-TOP: #eee 2px solid; FONT-SIZE: 14px; MARGIN: 0px; BORDER-LEFT: #eee 2px solid; COLOR: #ffffff; BORDER-BOTTOM: #888 2px solid; BACKGROUND-COLOR: #000000}
 305
 306 TABLE.playerName           {WIDTH: 276px; FONT-FAMILY: Tahoma; BORDER: 0px; border-collapse: collapse;}
 307 TABLE.playerName TD        {text-align: center; vertical-align: middle; padding: 0px; BORDER: 0px;}
 308 TABLE.playerName TD.name   {COLOR: #FFFFFF; FONT-SIZE: 14px; FONT-WEIGHT: 600; WIDTH: 276px; HEIGHT: 20px;}
 309 TABLE.playerName TD.health {COLOR: #FFFFFF; FONT-SIZE: 12px; FONT-WEIGHT: 600; WIDTH: 276px; HEIGHT: 18px;BACKGROUND-IMAGE: url(images/player_info/characterframe/bar1.png);}
 310 TABLE.playerName TD.power  {COLOR: #FFFFFF; FONT-SIZE: 12px; FONT-WEIGHT: 600; WIDTH: 276px; HEIGHT: 17px;BACKGROUND-IMAGE: url(images/player_info/characterframe/bar2.png);}
 311
 312 TABLE.playerstats          {FONT-FAMILY: Tahoma; FONT-SIZE: 11px; MARGIN: 0px; border-collapse: collapse;padding: 1px;}
 313 TABLE.playerstats TD       {BORDER: 1px #666666 solid;}
 314 TABLE.playerstats TD.head  {COLOR: #FFFFFF;PADDING-LEFT: 8px; font-weight: 700;}
 315
 316 TABLE.resistances           {FONT-FAMILY: Tahoma; FONT-SIZE: 11px; COLOR: #0fd621;}
 317 TABLE.resistances TD        {text-align: center; vertical-align: bottom; padding: 0px; BORDER: 0px;}
 318 TABLE.resistances TD.fire   {width: 25px; height: 38px; BACKGROUND: url(images/player_info/characterframe/fire.gif) no-repeat center top;}
 319 TABLE.resistances TD.nature {width: 25px; height: 38px; BACKGROUND: url(images/player_info/characterframe/nature.gif) no-repeat center top;}
 320 TABLE.resistances TD.frost  {width: 25px; height: 38px; BACKGROUND: url(images/player_info/characterframe/frost.gif) no-repeat center top;}
 321 TABLE.resistances TD.shadow {width: 25px; height: 38px; BACKGROUND: url(images/player_info/characterframe/shadow.gif) no-repeat center top;}
 322 TABLE.resistances TD.arcane {width: 25px; height: 38px; BACKGROUND: url(images/player_info/characterframe/arcane.gif) no-repeat center top;}
 323
 324 TABLE.stattext     {WIDTH: 100%; FONT-FAMILY: Tahoma; FONT-SIZE: 11px; BORDER: 0; border-collapse: collapse;}
 325 TABLE.stattext  TD {COLOR: #dfb900; TEXT-ALIGN:  left; PADDING: 0px; PADDING-LEFT:  5px; BORDER: 0px;}
 326
 327 TABLE.statvalue    {WIDTH: 100%; FONT-FAMILY: Tahoma; FONT-SIZE: 11px; BORDER: 0px; border-collapse: collapse;}
 328 TABLE.statvalue TD {TEXT-ALIGN: right; PADDING: 0px; PADDING-RIGHT: 5px; COLOR: #FFFFFF; BORDER: 0px; cursor: default;}
 329 TABLE.statvalue TD.normStat {COLOR: #FFFFFF;}
 330 TABLE.statvalue TD.posStat  {COLOR: #20FF20;}
 331 TABLE.statvalue TD.negStat  {COLOR: #FF2020;}
 332 SPAN.normStat {COLOR: #FFFFFF;}
 333 SPAN.posStat  {COLOR: #20FF20;}
 334 SPAN.negStat  {COLOR: #FF2020;}
 335 font.normStat {COLOR: #FFFFFF;}
 336 font.posStat  {COLOR: #20FF20;}
 337 font.negStat  {COLOR: #FF2020;}
 338
 339 TABLE.back {BORDER-RIGHT: #333 2px solid; PADDING-RIGHT: 2px; BORDER-TOP: #aaa 2px solid; PADDING-LEFT: 2px; FONT-SIZE: 14px; PADDING-BOTTOM: 2px; MARGIN-LEFT: 0px; BORDER-LEFT: #999 2px solid; WIDTH: 500px; MARGIN-RIGHT: 0px; PADDING-TOP: 2px; BORDER-BOTTOM: #333 2px solid; FONT-FAMILY: Arial, Garamond, Helvetica; BACKGROUND-COLOR: #cccccc; border-spacing: 0px}
 340
 341 TABLE.instance    {BORDER: #663300 1px solid; PADDING: 0px; COLOR: #000000;}
 342 TABLE.instance TD {BORDER: #663300 1px solid;}
 343
 344 TABLE.skillBody                {COLOR: #000000; WIDTH: 350px;BORDER:#CCCCCC 2px solid; BACKGROUND-COLOR: #000000; FONT-SIZE: 12px; border-collapse: collapse; border-spacing: 0}
 345 TABLE.skillBody TD             {COLOR: #FFFFFF; FONT-SIZE: 12px;}
 346 TABLE.skillBody TD.skillname   {COLOR: #FFFFCC; BACKGROUND-COLOR: #484848; BORDER: 0px; FONT-SIZE: 12px; padding-left:  5px;}
 347 TABLE.skillBody TD.skilltop    {COLOR: #ffdd00; BACKGROUND-COLOR: #330066; FONT-SIZE: 16px; FONT-WEIGHT: 800;  TEXT-ALIGN: center;}
 348 TABLE.skillBody TD.skillbottom {COLOR: #000000; BACKGROUND-COLOR: #aaaaaa; FONT-SIZE: 13px; TEXT-ALIGN: center;}
 349 TABLE.skillBody TD.skillsubname{COLOR: #FFFFCC; WIDTH: 135px; padding-left: 10px; padding-right: 5px;}
 350 TABLE.skillBody TD.skillbar    {COLOR: #FFFFCC; WIDTH: 200px; HEIGHT: 17px; BACKGROUND: url(images/player_info/characterframe/skill_bar_bg.gif) #000000 no-repeat; text-align: center; }
 351 TABLE.skillBody TD A:link      {COLOR: #FF9900; TEXT-DECORATION: none; FONT-SIZE: 12px;}
 352 TABLE.skillBody TD A:visited   {COLOR: #FF9900; TEXT-DECORATION: none; FONT-SIZE: 12px;}
 353
 354 TABLE.skilltip        {color: #FFFFCC; background: #333333; width: 350px; border: #CCCCCC 1px solid; font-size: 12px; text-align: justify;}
 355 TABLE.skilltip TR.top {color: #FF9900;}
 356
 357 /* Talent calculator style */
 358 div.talent_head     {text-align: center; font-size: 14px;}
 359 div.talent_head    A{text-decoration: none; }
 360 div.talent_head    B{text-decoration: underline; font-weight: 400;}
 361 div.talent_head  img{width: 40px; vertical-align: middle;}
 362
 363 TABLE.talenttab           {COLOR: #FFFFFF; BORDER:#CCCCFF 1px solid; BACKGROUND-COLOR: #000000; FONT-SIZE: 14px; MARGIN: 0px;}
 364 TABLE.talenttab TD        {COLOR: #FFFFFF; BORDER:#006666 1px solid; MARGIN: 0px; text-align: left;}
 365 TABLE.talenttab TD.head   {COLOR: #ffdd00; BORDER:#CCCCFF 0px solid; BACKGROUND-COLOR: #000055; FONT-SIZE: 16px; FONT-WEIGHT: 800;  TEXT-ALIGN: center;}
 366 TABLE.talenttab TD.head  A{COLOR: #ffdd00; text-decoration: none;}
 367 TABLE.talenttab TR.bottom     {}
 368 TABLE.talenttab TR.bottom TD  {BORDER: 0px;}
 369 TABLE.talenttab TR.bottom DIV {width: 100%; height: 27px; line-height: 24px; color: #FFE400; font-size: 12px; font-weight: 800;}
 370 TABLE.talenttab TR.bottom SPAN{color: #FFFFFF; font-weight: normal;}
 371
 372 TABLE.talent              {BORDER: 0px; border-collapse: collapse; border-spacing: 0; margin: 5px;}
 373 TABLE.talent TD           {BORDER: 0px; width: 58px; min-width: 58px; height: 58px; min-height: 58px; max-width: 58px; max-height: 58px; font-family: Arial; FONT-SIZE: 13px; padding: 0px; cursor: default;}
 374
 375 TABLE.online_map          {BORDER: 0px; color: #FFFFFF; font-size: 12px; width: 100px;}
 376 TABLE.online_map TD.hname {background: #660000; color: #CCFFFF; font-weight: bold; text-align: center; }
 377 TABLE.online_map TD.aname {background: #000066; color: #FFFFCC; font-weight: bold; text-align: center; }
 378
 379 /*Achievement*/
 380 table.achievement            {border: 0px; border-collapse: collapse; border-spacing: 0; width: 842px;}
 381 table.achievement TD         {vertical-align: top;}
 382 table.achievement TD.a_cat   {min-width: 169px; width: 169px; font-size: 11px; font-weight: bold; text-align: left;}
 383 table.achievement TD.a_data  {min-width: 673px; width: 673px; font-size: 14px; text-align: center; padding: 0;}
 384
 385 div.a_topcat              {height: 10px; background: url(images/achievement/achv_lnav_top.gif); font-size: 1px;}
 386 div.a_bodycat             {background: url(images/achievement/achv_lnav_bg.jpg);}
 387 div.a_bodycat     A       {color: #5B3906; padding: 4px 0px 4px 15px; display: block; text-decoration: none; min-height: 14px;}
 388 div.a_bodycat     A.sub   {color: #660000; padding: 4px 0px 4px 20px; background: transparent;}
 389 div.a_bodycat     A:hover {color: #330000;background: url(images/achievement/h_sel_bg.jpg) no-repeat scroll 50% 50%;}
 390 div.a_bodycat_sel         {background: url(images/achievement/achv_sel_sub.jpg) no-repeat scroll 100% 100%;}
 391 div.a_bodycat_sel A       {color: #FFE46C;padding: 4px 0px 4px 15px;background: url(images/achievement/achv_lnav_sel.gif) scroll 100% 0px no-repeat;display: block;text-decoration: none;min-height: 14px;height: 100%;}
 392 div.a_bodycat_sel A:hover {color: #FFCC00;}
 393 div.a_bodycat_sel A.sub   {color: #FFFFFF; padding: 4px 0px 4px 20px; background: transparent;}
 394 div.a_bodycat_sel A.sel   {color: #E7D6B8; padding: 4px 0px 4px 20px; background: url(images/achievement/achv_sub_selected.gif) scroll 100% 0 no-repeat;}
 395 div.a_bottomcat           {height: 4px; background: url(images/achievement/achv_lnav_btm.gif) scroll 0% 100%; font-size: 1px;}
 396
 397 div.a_topdata           {height: 8px; background: url(images/achievement/achv_rcol_top.gif) no-repeat; font-size: 1px;}
 398 div.a_bdydata           {background: url(images/achievement/achv_rcol_bg.jpg) repeat-y; padding: 2px 0 10px 0;}
 399 div.a_btmdata           {height: 5px; background: url(images/achievement/achv_rcol_btm.gif) no-repeat; font-size: 1px;}
 400
 401 .ach_show        {width: 673px; padding-bottom: 17px; cursor: pointer; position: relative;}
 402 .ach_show div    {margin: 0 auto; text-align: center;}
 403 .ach_show        {color: #554223; background: url(images/achievement/achievement_bg.jpg) scroll 50% bottom; border-top: 1px #CC9E4E solid;}
 404 .ach_show.locked {color: #D8D6BB; background: url(images/achievement/achievement_bg_locked.jpg) scroll 50% bottom; border-top: 1px #74623E solid;}
 405 .ach_show.select {color: #554223; background: url(images/achievement/achievement_bg_sel.jpg) scroll 50% bottom;}
 406 .select.locked   {color: #000000; background: url(images/achievement/achievement_bg_locked_sel.jpg) scroll 50% bottom;}
 407 .ach_show         .ach_point {background: url(images/achievement/points_compl.png) transparent no-repeat;}
 408 .ach_show.locked  .ach_point {background: url(images/achievement/points.png) transparent no-repeat;}
 409 .ach_show         .ach_req   {display: block;}
 410 .ach_show.select  .ach_req   {display: block;}
 411 .ach_show         .sub.compl {color: #669200;}
 412 .ach_show.locked  .sub.compl {color: #99FFFF;}
 413
 414 div.ach_stats, .ach_stats_name {text-align: left; font-weight: bold; font-size: 11px;}
 415 div.ach_stats_name  {color: #FFFF99; background: url(images/achievement/zebra_darker.jpg);  padding: 5px 10px;}
 416 div.ach_stats       {color: #000000; background: url(images/achievement/zebra_dark.jpg);  padding: 5px 20px; cursor: pointer;}
 417 div.ach_stats.second{background: url(images/achievement/zebra_light.jpg);}
 418 div.ach_stats:hover {background: url(images/achievement/zebra_light_flip.jpg);}
 419
 420 div.ach_s_list      {text-align: justify; font-size: 12px; color: #000000; padding: 0 20px; width: 633px;}
 421 div.ach_progress    {width: 32.33%; padding: 5px 1% 0 0; float: left; font-weight: bold;}
 422 div.ach_bar         {border: 1px solid #CA8E16; background: #1D3A45;position: relative; height: 14px;}
 423 div.ach_bar div.pr  {color: #FFFFFF; font-size: 11px; font-weight: bold; position: relative; text-align: center;}
 424 div.ach_bar div.bar {background: url(images/achievement/progress_blue.jpg); height: 100%; position: absolute; left: 0px;}
 425
 426 div.a_last_c         {color: #7D6357; font-size: 12px; padding: 0 0 0 10px; clear: both; cursor: default;}
 427 div.a_last_c B       {color: #000000;}
 428 div.a_last_cdate     {color: #000000; float: right; text-align:right; padding-left: 30px; font-weight: bold; font-size: 10px;}
 429 div.a_last_cdate img {position: relative; top: 2px;}
 430
 431 img.ach_icon    {position: absolute; top:7px; left:22px; width: 48px;}
 432 div.ach_frame   {position: absolute; background: url(images/achievement/fst_iconframe.png); top: -3px; left:10px; width: 72px; height: 72px;}
 433 div.ach_point   {position: absolute; top: 5px; right: 10px; padding-top: 20px; width: 64px; height: 64px; color: #FFFFCC; font: 18px bold;}
 434 div.ach_title   {font-weight: bold; padding-top: 12px; width: 80%;}
 435 div.ach_desc    {padding: 5px; width: 75%;}
 436 div.ach_date    {font-size: 10px; font-weight: bold;}
 437 div.ach_req     {width: 80%; padding: 20px 30px 5px 30px; font-size: 12px;}
 438 div.ach_req .sub        {float: left; width: 249px; text-align: left; padding-left: 20px;}
 439 div.ach_req .sub.compl  {font-weight: bold;  background: url(images/achievement/compl.png) transparent no-repeat scroll 0 2px;}
 440 div.ach_req .sub.bar    {width: 100%; padding: 0px;}
 441 div.ach_reward  {color: #FFFFFF; font-size: 12px; background: url(images/achievement/title_bg.png) no-repeat scroll 50% 100%; position: absolute; left: 0px; bottom: 0px; width: 100%; padding: 10px 0px 2px;}
 442 div.ach_value   {float: right;}
 443
 444 /* Tabs*/
 445 .reportContainer {border: 0px solid #778;}
 446 .my_tabs     {font-size: 12px; padding: 3px 0; margin: 0 0 1px 0; text-align: left;list-style-type: none; white-space: nowrap;}
 447 .my_tabs li  {display: inline;margin: 0; color: #2d2b2b;font-weight: bold;}
 448 .my_tabs li          a{cursor: pointer;text-decoration: none;padding: 4px 7px; margin-right: 2px; border: 1px solid #778; border-bottom: 2px solid #778; background: url(images/tabs/shade.gif) top left repeat-x;}
 449 .my_tabs li.selected a{background-image: url(images/tabs/shadeactive.gif);border-bottom-color: white;}
 450 .my_tabs li          a:hover{text-decoration: underline;}
 451 .my_tabs li.selected a:hover{text-decoration: none;}
 452
 453 /* Others */
 454 H1 {BORDER-RIGHT: #333333 2px solid; BORDER-TOP: #cccccc 1px solid; MARGIN: 0px; BORDER-LEFT: #cccccc 1px solid; WIDTH: 100%; COLOR: #ffdd00; BORDER-BOTTOM: #333333 1px solid; BACKGROUND-COLOR: #000055; TEXT-ALIGN: center;}
 455 H2 {BORDER-RIGHT: #333333 2px solid; BORDER-TOP: #cccccc 1px solid; MARGIN: 0px; BORDER-LEFT: #cccccc 1px solid; WIDTH: 100%; COLOR: #ffdd00; BORDER-BOTTOM: #333333 1px solid; BACKGROUND-COLOR: #000055; TEXT-ALIGN: center;}
 456 H3 {BORDER-RIGHT: #333333 2px solid; BORDER-TOP: #cccccc 1px solid; MARGIN: 0px; BORDER-LEFT: #cccccc 1px solid; WIDTH: 100%; COLOR: #ffdd00; BORDER-BOTTOM: #333333 1px solid; BACKGROUND-COLOR: #000055; TEXT-ALIGN: center;}
 457 H4 {BORDER-RIGHT: #333333 2px solid; BORDER-TOP: #cccccc 1px solid; MARGIN: 0px; BORDER-LEFT: #cccccc 1px solid; WIDTH: 100%; COLOR: #ffdd00; BORDER-BOTTOM: #333333 1px solid; BACKGROUND-COLOR: #000055; TEXT-ALIGN: center;}
 458 H5 {MARGIN-TOP: 0px; FONT-WEIGHT: 400; MARGIN-BOTTOM: 0px; WIDTH: 100%; COLOR: #000000; BACKGROUND-COLOR: #aaaaaa; TEXT-ALIGN: center; TEXT-DECORATION: none;}
 459 H6 {MARGIN-TOP: 0px; FONT-WEIGHT: 400; MARGIN-BOTTOM: 0px; WIDTH: 100%; COLOR: #000000; BACKGROUND-COLOR: #aaaaaa; TEXT-ALIGN: center; TEXT-DECORATION: none;}
 460
 461 DIV.faq    {padding-left: 17px; padding-right: 17px;  padding-top: 0px; padding-bottom: 10px;}
 462 DIV.faq    {COLOR: #000000; font-size: 13px; text-align: justify;}
 463 DIV.faq H3 {BORDER-RIGHT: #333333 2px solid; BORDER-TOP: #cccccc 1px solid; BORDER-LEFT: #cccccc 1px solid; WIDTH: 100%; COLOR: #ffdd00; BORDER-BOTTOM: #333333 1px solid; BACKGROUND-COLOR: #000055; TEXT-ALIGN: center;}
 464 DIV.faq H4 {COLOR: #000000; font-size: 14px; font-weight: bold; padding-left: 10px; text-align: left; background: transparent; border: 0px; }
 465 DIV.faq H6 {COLOR: #000000; font-size: 14px; font-style: italic; padding-left: 10px; text-align: left; background: transparent; border: 0px; }
 466 DIV.faq P         {margin-top: 4px; margin-bottom: 4px;}
 467 DIV.faq P.center  {text-align: center;}
 468 DIV.faq UL        {margin-top: 4px; margin-bottom: 4px;}
 469 DIV.faq IMG       {margin: 10px;}
 470 DIV.faq A         {color: #0000FF; text-decoration: none;}
 471 DIV.faq DIV.window{float: right; border: 1px solid #000099; margin: 10px; padding: 10px;}
 472
 473 TABLE.faqctrl  {WIDTH: 100%; COLOR: #000000; FONT-SIZE: 12px;}
 474 TABLE.faqctrl A:hover  {BACKGROUND-COLOR: #aaaaaa}
 475 TABLE.faqctrl A:link   {COLOR: #0000ff; TEXT-DECORATION: none;}
 476 TABLE.faqctrl A:visited{COLOR: #0000ff; TEXT-DECORATION: none;}
 477 TABLE.faqtable    {COLOR: #000000; font-size: 12px; width: auto; border-collapse: collapse;}
 478 TABLE.faqtable TH {COLOR: #FF9900; border: #666666 1px solid; background: #003366;}
 479 TABLE.faqtable TD {COLOR: #000000; border: #666666 1px solid; padding: 2px;}
 480
 481 DIV.copyright {padding-left:17px; font-size:11px; font-style:italic; }
 482 DIV.copyright A:hover {BACKGROUND-COLOR: #aaaaaa}
 483 DIV.copyright A:link   {COLOR: #0000ff; TEXT-DECORATION: underline;FONT-SIZE: 11px;}
 484 DIV.copyright A:visited{COLOR: #0000ff; TEXT-DECORATION: underline;FONT-SIZE: 11px;}
 485
 486 span.backlink A:hover  {BACKGROUND-COLOR: #aaaaaa}
 487 span.backlink A:link   {COLOR: #0000ff; TEXT-DECORATION: underline;FONT-SIZE: 11px;}
 488 span.backlink A:visited{COLOR: #0000ff; TEXT-DECORATION: underline;FONT-SIZE: 11px;}