mojotrollz/mojo_zero_web
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

skilltree visuals new way

Browse Source
This commit is contained in:
Ulf Gebhardt 2014-11-02 02:57:06 +01:00
parent 9de6ec2b2b
commit a29c6b3c05
4 changed files with 420 additions and 441 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
mojotrollz/files/skilltree/arrows.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.8 KiB

BIN
mojotrollz/files/skilltree/skilltree_icons.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 26 KiB

124
mojotrollz/page/wizard_skills/css/wizard_skills.css
View File

@ -1,5 +1,4 @@
body
{
body{
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 12px;
background-color: #000000;
@ -65,20 +64,58 @@ a:visited
}
.treerowspacer{
clear: both;
clear: both;
width: 100%;
height: 67px;
padding-left: 10px;
}
.contentarea{margin-top:5px;margin-left:5px;width:90%;}
.button{
position: relative;
//position:absolute;
.icon{
float: left;
background-image:none;background-repeat:no-repeat;background-position:2px 2px;text-align:center;vertical-align:middle;width:56px;height:54px;}
.buttonnumber{
//position:absolute;
position: relative;
width:65px;
height:67px;
top: 0px;
opacity: 1;
background-image:none;
background-repeat:no-repeat;
background-position:2px 2px;
text-align:center;
vertical-align:middle;
}
.icon_text_green{color: rgb(46, 255, 0);}
.icon_text_yellow{color: rgb(255, 209, 0);}
.icon_arrow_gray_down{background-position: 0px 0px;}
.icon_arrow_gray_down_right{background-position: -65px 0px;}
.icon_arrow_yellow_down{background-position: -130px 0px;}
.icon_arrow_yellow_down_right{background-position: -195px 0px;}
.icon_border_grey{background-position: 0px 0px;}
.icon_border_gray_inc_left{background-position: 0px -402px;}
.icon_border_gray_inc{background-position: 0px -268px;}
.icon_border_gray_down{background-position: 0px -201px;}
.icon_border_gray_down_right{background-position: 0px -469px;}
.icon_border_green{background-position: -65px 0px;}
.icon_border_green_right{background-position: -65px -134px;}
.icon_border_yellow{background-position: -260px 0px;}
.icon_border_yellow_inc{background-position: -260px -268px;}
.icon_border_yellow_down{background-position: -260px -201px;}
.icon_border_yellow_down_right{background-position: -260px -469px;}
.icon_number{
position: relative;
float: right;
margin-top: -12px;
color:#0F0;font-size:10px;vertical-align:middle;text-align:center;font-family:Verdana, Helvetica, Arial, sans-serif;width:21px;height:10px;right:3px;bottom:4px;}
font-size:10px;
vertical-align:middle;
text-align:center;
font-family:Verdana, Helvetica, Arial, sans-serif;
width:21px;
height:10px;
right:3px;
bottom:19px;}
.window{
//position:absolute;
position: relative;
@ -87,58 +124,6 @@ a:visited
.window th{background-color:#333;border:1px solid #CCC;color:#FFF;}
.window table{background-color:#DADADA;border:0 solid #CCC;}
.arrowrd{background-image:url(http://www.mojotrollz.eu/web/mojotrollz/api.php?call=files&cat=skilltree&id=rightdown.png);
//position:absolute;
position: relative;
float: left;
background-position:right top;z-index:2;}
.arrowd{background-image:url(http://www.mojotrollz.eu/web/mojotrollz/api.php?call=files&cat=skilltree&id=down.png);
//position:absolute;
position: relative;
float: left;
background-position:right bottom;z-index:2;}
.arrowld{background-image:url(http://www.mojotrollz.eu/web/mojotrollz/api.php?call=files&cat=skilltree&id=leftdown.png);
//position:absolute;
position: relative;
float: left;
background-position:left top;z-index:2;}
.arrowl{background-image:url(http://www.mojotrollz.eu/web/mojotrollz/api.php?call=files&cat=skilltree&id=left.png);
//position:absolute;
position: relative;
float: left;
background-position:left bottom;z-index:2;}
.arrowr{background-image:url(http://www.mojotrollz.eu/web/mojotrollz/api.php?call=files&cat=skilltree&id=right.png);
//position:absolute;
position: relative;
float: left;
background-position:right bottom;z-index:2;}
.arrowrd_yellow{background-image:url(http://www.mojotrollz.eu/web/mojotrollz/api.php?call=files&cat=skilltree&id=rightdown_yellow.png);
//position:absolute;
position: relative;
float: left;
background-position:right top;z-index:2;}
.arrowd_yellow{background-image:url(http://www.mojotrollz.eu/web/mojotrollz/api.php?call=files&cat=skilltree&id=down_yellow.png);
//position:absolute;
position: relative;
float: left;
background-position:right bottom;z-index:2;}
.arrowld_yellow{background-image:url(http://www.mojotrollz.eu/web/mojotrollz/api.php?call=files&cat=skilltree&id=leftdown_yellow.png);
//position:absolute;
position: relative;
float: left;
background-position:left top;z-index:2;}
.arrowl_yellow{background-image:url(http://www.mojotrollz.eu/web/mojotrollz/api.php?call=files&cat=skilltree&id=left_yellow.png);
//position:absolute;
position: relative;
float: left;
background-position:left bottom;z-index:2;}
.arrowr_yellow{background-image:url(http://www.mojotrollz.eu/web/mojotrollz/api.php?call=files&cat=skilltree&id=right_yellow.png);
//position:absolute;
position: relative;
float: left;
background-position:right bottom;z-index:2;}
.tooltip {
//position:absolute;
z-index:9999;font-family:Verdana, Helvetica, Arial, sans-serif;color:#FFFFFF;font-size:12px;line-height:17px;width:300px;left:-1000px;}
@ -163,7 +148,18 @@ a:visited
.talentheader img {margin-top:11px; cursor:pointer; background-image:url(http://www.mojotrollz.eu/web/mojotrollz/api.php?call=files&cat=skilltree&id=resetbutton.png);}
.outerbg{border:0px solid #002B55;background-color:#002B55; padding-left: 12px;}
.talenticon{background-image:url(http://www.mojotrollz.eu/web/mojotrollz/api.php?call=files&cat=skilltree&id=borders.gif);background-position:0 0;background-repeat:no-repeat;width:56px;height:54px;}
.talent_icon{
background-image:url(http://www.mojotrollz.eu/web/mojotrollz/api.php?call=files&cat=skilltree&id=skilltree_icons.gif);
background-repeat:no-repeat;
width:65px;
height:67px;
}
.talent_arrow{
background-image:url(http://www.mojotrollz.eu/web/mojotrollz/api.php?call=files&cat=skilltree&id=arrows.gif);
background-repeat:no-repeat;
width:65px;
height:67px;
}
.noscript{
//position:absolute;
left:462px;right:318px;top:5px;overflow:hidden;text-align:center;z-index:20;border:2px solid #600;color:#FFF;font-size:12px;padding:3px;}

737
mojotrollz/page/wizard_skills/wizard_skills.tpl
View File

@ -29,426 +29,409 @@
</td>
</tr>
<tr>
<td class="outerbg" id="tree1" width="300" height="480" valign="top" style="background-image: url(./api.php?call=files&cat=skilltree&id=druidBalance.jpg); background-color: rgb(0, 0, 0); background-repeat: no-repeat;">
<div class="button" id="t1r1p1" style="left: 15px; top: 7px; opacity: 1; background-image: url(http://www.wowprovider.com/img/Spells/spell_nature_abolishmagic.png);">
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talenticon" alt="" id="t1r1p1i" style="background-position: -56px 0px; float: left;">
<div class="buttonnumber" id="t1r1p1c" style="color: rgb(46, 255, 0);">0/5</div>
</div>
<div class="button" id="t1r1p2" style="left: 25px; top: 7px; opacity: 1; background-image: url(http://www.wowprovider.com/img/Spells/spell_nature_natureswrath.png);">
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talenticon" alt="" id="t1r1p2i" style="background-position: -56px 0px;">
<div class="buttonnumber" id="t1r1p2c" style="color: rgb(46, 255, 0);">0/1</div>
</div>
<div id="arrowr113" class="arrowr" style="left: 15px; top: 25px; height: 15px; width: 25px;"></div>
<div class="button" id="t1r1p3" style="left: 11px; top: 7px; opacity: 1; background-image: url(http://www.wowprovider.com/img/SpellsGrey/spell_nature_natureswrath.png);">
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talenticon" alt="" id="t1r1p3i" style="background-position: 0px 0px;">
<div class="buttonnumber" id="t1r1p3c" style="color: rgb(46, 255, 0);"></div>
<td class="outerbg" id="tree1" width="300" height="480" valign="top" style="background-image: url(./api.php?call=files&cat=skilltree&id=druidBalance.jpg); background-color: rgb(0, 0, 0); background-repeat: no-repeat;">
<div class="treerowspacer">
<div class="icon" id="t1r1p1" style="background: url(http://www.wowprovider.com/img/Spells/spell_nature_abolishmagic.png) 50% 50% no-repeat;">
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talent_icon icon_border_green" alt="" id="t1r1p1i">
<div class="icon_number icon_text_green" id="t1r1p1c">0/5</div>
</div>
<div class="icon" id="t1r1p2" style="background: url(http://www.wowprovider.com/img/Spells/spell_nature_natureswrath.png) 50% 50% no-repeat;">
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talent_icon icon_border_green_right" alt="" id="t1r1p2i">
<div class="icon_number icon_text_green" id="t1r1p2c">0/1</div>
</div>
<div class="icon " id="t1r1p3" style="background: url(http://www.wowprovider.com/img/SpellsGrey/spell_nature_natureswrath.png) 50% 50% no-repeat;">
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talent_icon icon_border_gray_inc_left" alt="" id="t1r1p3i">
<div class="icon_number icon_text_green" id="t1r1p3c"></div>
</div>
<div class="icon" id="t1r1p4" style="visibility:hidden;">
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talent_icon" alt="" id="t1r3p2i">
<div class="icon_number" id="t1r3p2c"></div>
</div>
</div>
<div class="treerowspacer"></div>
<div class="button" id="t1r2p1" style="left: 15px; top: 20px; opacity: 1; background-image: url(http://www.wowprovider.com/img/SpellsGrey/spell_nature_stranglevines.png);">
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talenticon" alt="" id="t1r2p1i" style="background-position: 0px 0px;">
<div class="buttonnumber" id="t1r2p1c"></div>
</div>
<div class="button" id="t1r2p2" style="left: 25px; top: 20px; opacity: 1; background-image: url(http://www.wowprovider.com/img/SpellsGrey/spell_nature_starfall.png);">
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talenticon" alt="" id="t1r2p2i" style="background-position: 0px 0px;">
<div class="buttonnumber" id="t1r2p2c"></div>
</div>
<div class="button" id="t1r2p3" style="left: 35px; top: 20px; opacity: 1; background-image: url(http://www.wowprovider.com/img/SpellsGrey/inv_staff_01.png);">
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talenticon" alt="" id="t1r2p3i" style="background-position: 0px 0px;">
<div class="buttonnumber" id="t1r2p3c"></div>
</div>
<div class="button" id="t1r2p4" style="left: 45px; top: 20px; opacity: 1; background-image: url(http://www.wowprovider.com/img/SpellsGrey/spell_nature_wispsplode.png);">
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talenticon" alt="" id="t1r2p4i" style="background-position: 0px 0px;">
<div class="buttonnumber" id="t1r2p4c"></div>
<div class="treerowspacer">
<div class="icon" id="t1r2p1" style="background: url(http://www.wowprovider.com/img/SpellsGrey/spell_nature_stranglevines.png) 50% 50% no-repeat;">
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talent_icon" alt="" id="t1r2p1i">
<div class="icon_number" id="t1r2p1c"></div>
</div>
<div class="icon" id="t1r2p2" style="background: url(http://www.wowprovider.com/img/SpellsGrey/spell_nature_starfall.png) 50% 50% no-repeat;">
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talent_icon icon_border_gray_down" alt="" id="t1r2p2i">
<div class="icon_number" id="t1r2p2c"></div>
</div>
<div class="icon" id="t1r2p3" style="background: url(http://www.wowprovider.com/img/SpellsGrey/inv_staff_01.png) 50% 50% no-repeat;">
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talent_icon icon_border_gray_down" alt="" id="t1r2p3i">
<div class="icon_number" id="t1r2p3c"></div>
</div>
<div class="icon" id="t1r2p4" style="background: url(http://www.wowprovider.com/img/SpellsGrey/spell_nature_wispsplode.png) 50% 50% no-repeat;">
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talent_icon" alt="" id="t1r2p4i">
<div class="icon_number" id="t1r2p4c"></div>
</div>
</div>
<div class="treerowspacer"></div>
<div class="button" id="t1r3p1" style="left: 15px; top: 35px; opacity: 1; background-image: url(http://www.wowprovider.com/img/SpellsGrey/spell_nature_thorns.png);">
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talenticon" alt="" id="t1r3p1i" style="background-position: 0px 0px;">
<div class="buttonnumber" id="t1r3p1c"></div>
</div>
<div class="arrowd" style="left: 42px; top: 14px; height: 87px; width: 15px;" id="arrowd142"></div>
<div class="button" id="t1r3p2" style="left: 10px; top: 35px; visibility:hidden;">
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talenticon" alt="" id="t1r3p2i">
<div class="buttonnumber" id="t1r3p2c"></div>
</div>
<div class="arrowd" style="left: 38px; top: 14px; height: 22px; width: 15px;" id="arrowd133"></div>
<div class="button" id="t1r3p3" style="left: 6px; top: 35px; opacity: 1; background-image: url(http://www.wowprovider.com/img/SpellsGrey/spell_nature_crystalball.png);">
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talenticon" alt="" id="t1r3p3i" style="background-position: 0px 0px;">
<div class="buttonnumber" id="t1r3p3c"></div>
</div>
<div class="button" id="t1r3p4" style="left: 16px; top: 35px; opacity: 1; background-image: url(http://www.wowprovider.com/img/SpellsGrey/spell_nature_naturetouchgrow.png);">
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talenticon" alt="" id="t1r3p4i" style="background-position: 0px 0px;">
<div class="buttonnumber" id="t1r3p4c"></div>
</div>
<div class="treerowspacer"></div>
<div class="button" id="t1r4p1" style="left: 15px; top: 12px; visibility:hidden;">
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talenticon" alt="" id="t1r4p1i">
<div class="buttonnumber" id="t1r4p1c"></div>
</div>
<div class="button" id="t1r4p2" style="left: 25px; top: 12px; opacity: 1; background-image: url(http://www.wowprovider.com/img/SpellsGrey/spell_nature_purge.png);">
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talenticon" alt="" id="t1r4p2i" style="background-position: 0px 0px;">
<div class="buttonnumber" id="t1r4p2c"></div>
</div>
<div class="button" id="t1r4p3" style="left: 35px; top: 12px; opacity: 1; background-image: url(http://www.wowprovider.com/img/SpellsGrey/spell_arcane_starfire.png);">
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talenticon" alt="" id="t1r4p3i" style="background-position: 0px 0px;">
<div class="buttonnumber" id="t1r4p3c"></div>
</div>
<div class="button" id="t1r4p4" style="left: 35px; top: 12px; visibility:hidden;">
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talenticon" alt="" id="t1r4p4i">
<div class="buttonnumber" id="t1r4p4c"></div>
</div>
<div class="treerowspacer"></div>
<div class="treerowspacer">
<div class="icon" id="t1r3p1" style="background: url(http://www.wowprovider.com/img/SpellsGrey/spell_nature_thorns.png) 50% 50% no-repeat;">
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talent_icon" alt="" id="t1r3p1i">
<div class="icon_number" id="t1r3p1c"></div>
</div>
<div class="button" id="t1r5p1" style="left: 15px; top: 25px; visibility:hidden;">
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talenticon" alt="" id="t1r5p1i">
<div class="buttonnumber" id="t1r5p1c"></div>
</div>
<div class="button" id="t1r5p2" style="left: 25px; top: 25px; opacity: 1; background-image: url(http://www.wowprovider.com/img/SpellsGrey/spell_nature_naturesblessing.png);">
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talenticon" alt="" id="t1r5p2i" style="background-position: 0px 0px;">
<div class="buttonnumber" id="t1r5p2c"></div>
</div>
<div class="button" id="t1r5p3" style="left: 35px; top: 25px; opacity: 1; background-image: url(http://www.wowprovider.com/img/SpellsGrey/spell_nature_sentinal.png);">
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talenticon" alt="" id="t1r5p3i" style="background-position: 0px 0px;">
<div class="buttonnumber" id="t1r5p3c"></div>
</div>
<div class="button" id="t1r5p4" style="left: 45px; top: 25px; visibility:hidden;">
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talenticon" alt="" id="t1r5p4i">
<div class="buttonnumber" id="t1r5p4c"></div>
<div class="icon" id="t1r3p2" style="visibility:visible;">
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talent_arrow icon_arrow_gray_down" alt="" id="t1r3p2i">
<div class="icon_number" id="t1r3p2c"></div>
</div>
<div class="icon" id="t1r3p3" style="background: url(http://www.wowprovider.com/img/SpellsGrey/spell_nature_crystalball.png) 50% 50% no-repeat;">
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talent_icon icon_border_gray_inc" alt="" id="t1r3p3i">
<div class="icon_number" id="t1r3p3c"></div>
</div>
<div class="icon" id="t1r3p4" style="background: url(http://www.wowprovider.com/img/SpellsGrey/spell_nature_naturetouchgrow.png) 50% 50% no-repeat;">
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talent_icon" alt="" id="t1r3p4i">
<div class="icon_number" id="t1r3p4c"></div>
</div>
</div>
<div class="treerowspacer"></div>
<div class="button" id="t1r6p1" style="left: 15px; top: 35px; visibility:hidden;">
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talenticon" alt="" id="t1r6p1i">
<div class="buttonnumber" id="t1r6p1c"></div>
<div class="treerowspacer">
<div class="icon " id="t1r4p1" style="visibility:hidden;">
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talent_icon" alt="" id="t1r4p1i">
<div class="icon_number" id="t1r4p1c"></div>
</div>
<div class="icon" id="t1r4p2" style="background: url(http://www.wowprovider.com/img/SpellsGrey/spell_nature_purge.png) 50% 50% no-repeat;">
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talent_icon icon_border_gray_inc" alt="" id="t1r4p2i">
<div class="icon_number" id="t1r4p2c"></div>
</div>
<div class="icon" id="t1r4p3" style="background: url(http://www.wowprovider.com/img/SpellsGrey/spell_arcane_starfire.png) 50% 50% no-repeat;">
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talent_icon" alt="" id="t1r4p3i">
<div class="icon_number" id="t1r4p3c"></div>
</div>
<div class="icon" id="t1r4p4" style="visibility:hidden;">
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talent_icon" alt="" id="t1r4p4i">
<div class="icon_number" id="t1r4p4c"></div>
</div>
</div>
<div class="arrowd" style="left: 42px; top: 19px; height: 22px; width: 15px;" id="arrowd162"></div>
<div class="button" id="t1r6p2" style="left: 11px; top: 35px; opacity: 1; background-image: url(http://www.wowprovider.com/img/SpellsGrey/spell_nature_moonglow.png);">
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talenticon" alt="" id="t1r6p2i" style="background-position: 0px 0px;">
<div class="buttonnumber" id="t1r6p2c"></div>
</div>
<div class="button" id="t1r6p3" style="left: 35px; top: 35px; visibility:hidden;">
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talenticon" alt="" id="t1r6p3i">
<div class="buttonnumber" id="t1r6p3c"></div>
</div>
<div class="button" id="t1r6p4" style="left: 45px; top: 35px; visibility:hidden;">
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talenticon" alt="" id="t1r6p4i">
<div class="buttonnumber" id="t1r6p4c"></div>
<div class="treerowspacer">
<div class="icon" id="t1r5p1" style="visibility:hidden;">
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talent_icon" alt="" id="t1r5p1i">
<div class="icon_number" id="t1r5p1c"></div>
</div>
<div class="icon" id="t1r5p2" style="background: url(http://www.wowprovider.com/img/SpellsGrey/spell_nature_naturesblessing.png) 50% 50% no-repeat;">
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talent_icon icon_border_gray_down" alt="" id="t1r5p2i">
<div class="icon_number" id="t1r5p2c"></div>
</div>
<div class="icon" id="t1r5p3" style="background: url(http://www.wowprovider.com/img/SpellsGrey/spell_nature_sentinal.png) 50% 50% no-repeat;">
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talent_icon" alt="" id="t1r5p3i">
<div class="icon_number" id="t1r5p3c"></div>
</div>
<div class="icon" id="t1r5p4" style="visibility:hidden;">
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talent_icon" alt="" id="t1r5p4i">
<div class="icon_number" id="t1r5p4c"></div>
</div>
</div>
<div class="treerowspacer"></div>
<div class="treerowspacer">
<div class="icon" id="t1r6p1" style="visibility:hidden;">
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talent_icon" alt="" id="t1r6p1i">
<div class="icon_number" id="t1r6p1c"></div>
</div>
<div class="icon" id="t1r6p2" style="background: url(http://www.wowprovider.com/img/SpellsGrey/spell_nature_moonglow.png) 50% 50% no-repeat;">
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talent_icon icon_border_gray_inc" alt="" id="t1r6p2i">
<div class="icon_number" id="t1r6p2c"></div>
</div>
<div class="icon" id="t1r6p3" style="visibility:hidden;">
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talent_icon" alt="" id="t1r6p3i">
<div class="icon_number" id="t1r6p3c"></div>
</div>
<div class="icon" id="t1r6p4" style="visibility:hidden;">
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talent_icon" alt="" id="t1r6p4i">
<div class="icon_number" id="t1r6p4c"></div>
</div>
</div>
<div class="button" id="t1r7p1" style="left: 15px; top: 45px; visibility:hidden;">
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talenticon" alt="" id="t1r7p1i">
<div class="buttonnumber" id="t1r7p1c"></div>
</div>
<div class="button" id="t1r7p2" style="left: 25px; top: 45px; opacity: 1; background-image: url(http://www.wowprovider.com/img/SpellsGrey/spell_nature_forceofnature.png);">
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talenticon" alt="" id="t1r7p2i" style="background-position: 0px 0px;">
<div class="buttonnumber" id="t1r7p2c"></div>
</div>
<div class="button" id="t1r7p3" style="left: 35px; top: 45px; visibility:hidden;">
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talenticon" alt="" id="t1r7p3i">
<div class="buttonnumber" id="t1r7p3c"></div>
</div>
<div class="button" id="t1r7p4" style="left: 45px; top: 45px; visibility:hidden;">
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talenticon" alt="" id="t1r7p4i">
<div class="buttonnumber" id="t1r7p4c"></div>
<div class="treerowspacer">
<div class="icon" id="t1r7p1" style="visibility:hidden;">
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talent_icon" alt="" id="t1r7p1i">
<div class="icon_number" id="t1r7p1c"></div>
</div>
<div class="icon" id="t1r7p2" style="background: url(http://www.wowprovider.com/img/SpellsGrey/spell_nature_forceofnature.png) 50% 50% no-repeat;">
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talent_icon" alt="" id="t1r7p2i">
<div class="icon_number" id="t1r7p2c"></div>
</div>
<div class="icon" id="t1r7p3" style="visibility:hidden;">
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talent_icon" alt="" id="t1r7p3i">
<div class="icon_number" id="t1r7p3c"></div>
</div>
<div class="icon" id="t1r7p4" style="visibility:hidden;">
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talent_icon" alt="" id="t1r7p4i">
<div class="icon_number" id="t1r7p4c"></div>
</div>
</div>
</td>
<td class="outerbg" id="tree2" width="300" height="480" valign="top" style="background-image: url(./api.php?call=files&cat=skilltree&id=druidFeral.jpg); background-color: rgb(0, 0, 0); background-repeat: no-repeat;">
<div class="button" id="t2r1p1" style="left: 15px; top: 7px; visibility: hidden;">
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talenticon" alt="" id="t2r1p1i">
<div class="buttonnumber" id="t2r1p1c"></div>
</div>
<div class="button" id="t2r1p2" style="left: 25px; top: 7px; opacity: 1; background-image: url(http://www.wowprovider.com/img/Spells/ability_hunter_pet_hyena.png);">
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talenticon" alt="" id="t2r1p2i" style="background-position: -224px 0px;">
<div class="buttonnumber" id="t2r1p2c" style="color: rgb(255, 209, 0);">5/5</div>
</div>
<div class="button" id="t2r1p3" style="left: 35px; top: 7px; opacity: 1; background-image: url(http://www.wowprovider.com/img/Spells/ability_druid_demoralizingroar.png);">
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talenticon" alt="" id="t2r1p3i" style="background-position: -56px 0px;">
<div class="buttonnumber" id="t2r1p3c" style="color: rgb(46, 255, 0);">0/5</div>
</div>
<div class="button" id="t2r1p4" style="left: 45px; top: 7px; visibility: hidden;">
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talenticon" alt="" id="t2r1p4i">
<div class="buttonnumber" id="t2r1p4c"></div>
<div class="treerowspacer">
<div class="icon" id="t2r1p1" style="visibility: hidden;">
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talent_icon" alt="" id="t2r1p1i">
<div class="icon_number" id="t2r1p1c"></div>
</div>
<div class="icon" id="t2r1p2" style="background: url(http://www.wowprovider.com/img/Spells/ability_hunter_pet_hyena.png) 50% 50% no-repeat;">
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talent_icon icon_border_yellow" alt="" id="t2r1p2i">
<div class="icon_number icon_text_yellow" id="t2r1p2c">5/5</div>
</div>
<div class="icon" id="t2r1p3" style="background: url(http://www.wowprovider.com/img/Spells/ability_druid_demoralizingroar.png) 50% 50% no-repeat;">
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talent_icon icon_border_green" alt="" id="t2r1p3i">
<div class="icon_number icon_text_green" id="t2r1p3c">0/5</div>
</div>
<div class="icon" id="t2r1p4" style="visibility: hidden;">
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talent_icon" alt="" id="t2r1p4i">
<div class="icon_number" id="t2r1p4c"></div>
</div>
</div>
<div class="treerowspacer"></div>
<div class="button" id="t2r2p1" style="left: 15px; top: 21px; opacity: 1; background-image: url(http://www.wowprovider.com/img/Spells/ability_ambush.png);">
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talenticon" alt="" id="t2r2p1i" style="background-position: -56px 0px;">
<div class="buttonnumber" id="t2r2p1c" style="color: rgb(46, 255, 0);">0/5</div>
</div>
<div class="button" id="t2r2p2" style="left: 25px; top: 21px; opacity: 1; background-image: url(http://www.wowprovider.com/img/Spells/ability_druid_bash.png);">
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talenticon" alt="" id="t2r2p2i" style="background-position: -56px 0px;">
<div class="buttonnumber" id="t2r2p2c" style="color: rgb(46, 255, 0);">0/2</div>
</div>
<div class="button" id="t2r2p3" style="left: 35px; top: 21px; opacity: 1; background-image: url(http://www.wowprovider.com/img/Spells/inv_misc_pelt_bear_03.png);">
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talenticon" alt="" id="t2r2p3i" style="background-position: -224px 0px;">
<div class="buttonnumber" id="t2r2p3c" style="color: rgb(255, 209, 0);">5/5</div>
</div>
<div class="button" id="t2r2p4" style="left: 45px; top: 21px; visibility: hidden;">
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talenticon" alt="" id="t2r2p4i">
<div class="buttonnumber" id="t2r2p4c"></div>
<div class="treerowspacer">
<div class="icon" id="t2r2p1" style="background: url(http://www.wowprovider.com/img/Spells/ability_ambush.png) 50% 50% no-repeat;">
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talent_icon icon_border_green" alt="" id="t2r2p1i">
<div class="icon_number icon_text_green" id="t2r2p1c">0/5</div>
</div>
<div class="icon" id="t2r2p2" style="background: url(http://www.wowprovider.com/img/Spells/ability_druid_bash.png) 50% 50% no-repeat;">
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talent_icon icon_border_green" alt="" id="t2r2p2i">
<div class="icon_number icon_text_green" id="t2r2p2c">0/2</div>
</div>
<div class="icon" id="t2r2p3" style="background: url(http://www.wowprovider.com/img/Spells/inv_misc_pelt_bear_03.png) 50% 50% no-repeat;">
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talent_icon icon_border_yellow" alt="" id="t2r2p3i">
<div class="icon_number icon_text_yellow" id="t2r2p3c">5/5</div>
</div>
<div class="icon" id="t2r2p4" style="visibility: hidden;">
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talent_icon" alt="" id="t2r2p4i">
<div class="icon_number" id="t2r2p4c"></div>
</div>
</div>
<div class="treerowspacer"></div>
<div class="button" id="t2r3p1" style="left: 15px; top: 35px; opacity: 1; background-image: url(http://www.wowprovider.com/img/Spells/spell_nature_spiritwolf.png);">
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talenticon" alt="" id="t2r3p1i" style="background-position: -224px 0px;">
<div class="buttonnumber" id="t2r3p1c" style="color: rgb(255, 209, 0);">2/2</div>
</div>
<div class="button" id="t2r3p2" style="left: 25px; top: 35px; opacity: 1; background-image: url(http://www.wowprovider.com/img/Spells/ability_hunter_pet_bear.png);">
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talenticon" alt="" id="t2r3p2i" style="background-position: -224px 0px;">
<div class="buttonnumber" id="t2r3p2c" style="color: rgb(255, 209, 0);">1/1</div>
</div>
<div class="button" id="t2r3p3" style="left: 35px; top: 35px; opacity: 1; background-image: url(http://www.wowprovider.com/img/Spells/inv_misc_monsterclaw_04.png);">
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talenticon" alt="" id="t2r3p3i" style="background-position: -224px 0px;">
<div class="buttonnumber" id="t2r3p3c" style="color: rgb(255, 209, 0);">3/3</div>
<div class="treerowspacer">
<div class="icon" id="t2r3p1" style="background: url(http://www.wowprovider.com/img/Spells/spell_nature_spiritwolf.png) 50% 50% no-repeat;">
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talent_icon icon_border_yellow" alt="" id="t2r3p1i">
<div class="icon_number icon_text_yellow" id="t2r3p1c">2/2</div>
</div>
<div class="icon" id="t2r3p2" style="background: url(http://www.wowprovider.com/img/Spells/ability_hunter_pet_bear.png) 50% 50% no-repeat;">
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talent_icon icon_border_yellow" alt="" id="t2r3p2i">
<div class="icon_number icon_text_yellow" id="t2r3p2c">1/1</div>
</div>
<div class="icon" id="t2r3p3" style="background: url(http://www.wowprovider.com/img/Spells/inv_misc_monsterclaw_04.png) 50% 50% no-repeat;">
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talent_icon icon_border_yellow_down_right" alt="" id="t2r3p3i">
<div class="icon_number icon_text_yellow" id="t2r3p3c">3/3</div>
</div>
<div class="icon" id="t2r3p4" style="visibility: visible;">
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talent_arrow icon_arrow_yellow_down_right" alt="" id="t2r3p4i">
<div class="icon_number" id="t2r3p4c"></div>
</div>
</div>
<div id="arrowrd244" class="arrowrd_yellow" style="left: 25px; top: 53px; height: 15px; width: 51px; display: block;"></div>
<div class="button" id="t2r3p4" style="left: 43px; top: 35px; visibility: hidden;">
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talenticon" alt="" id="t2r3p4i">
<div class="buttonnumber" id="t2r3p4c"></div>
<div class="treerowspacer">
<div class="icon" id="t2r4p1" style="background: url(http://www.wowprovider.com/img/Spells/spell_shadow_vampiricaura.png) 50% 50% no-repeat;">
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talent_icon icon_border_green" alt="" id="t2r4p1i">
<div class="icon_number icon_text_green" id="t2r4p1c"">0/2</div>
</div>
<div class="icon" id="t2r4p2" style="background: url(http://www.wowprovider.com/img/Spells/ability_hunter_pet_cat.png) 50% 50% no-repeat;">
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talent_icon icon_border_yellow_down" alt="" id="t2r4p2i">
<div class="icon_number icon_text_yellow" id="t2r4p2c">3/3</div>
</div>
<div class="icon" id="t2r4p3" style="background: url(http://www.wowprovider.com/img/Spells/ability_ghoulfrenzy.png) 50% 50% no-repeat;">
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talent_icon icon_border_yellow_inc" alt="" id="t2r4p3i">
<div class="icon_number icon_text_yellow" id="t2r4p3c">2/2</div>
</div>
<div class="icon" id="t2r4p4" style="background: url(http://www.wowprovider.com/img/Spells/ability_racial_cannibalize.png) 50% 50% no-repeat;">
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talent_icon icon_border_yellow_inc" alt="" id="t2r4p4i">
<div class="icon_number icon_text_yellow" id="t2r4p4c">2/2</div>
</div>
</div>
<div class="treerowspacer"></div>
<div class="button" id="t2r4p1" style="left: 15px; top: 45px; opacity: 1; background-image: url(http://www.wowprovider.com/img/Spells/spell_shadow_vampiricaura.png);">
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talenticon" alt="" id="t2r4p1i" style="background-position: -56px 0px;">
<div class="buttonnumber" id="t2r4p1c" style="color: rgb(46, 255, 0);">0/2</div>
<div class="treerowspacer">
<div class="icon" id="t2r5p1" style="background: url(http://www.wowprovider.com/img/Spells/ability_druid_ravage.png) 50% 50% no-repeat;">
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talent_icon icon_border_yellow" alt="" id="t2r5p1i">
<div class="icon_number icon_text_yellow" id="t2r5p1c">2/2</div>
</div>
<div class="icon" id="t2r5p2" style="visibility: visible;">
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talent_arrow icon_arrow_yellow_down" alt="" id="t2r5p2i">
<div class="icon_number" id="t2r5p2c"></div>
</div>
<div class="icon" id="t2r5p3" style="background: url(http://www.wowprovider.com/img/Spells/spell_nature_faeriefire.png) 50% 50% no-repeat;">
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talent_icon icon_border_yellow" alt="" id="t2r5p3i">
<div class="icon_number icon_text_yellow" id="t2r5p3c">1/1</div>
</div>
<div class="icon" id="t2r5p4" style="visibility: hidden;">
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talent_icon" alt="" id="t2r5p4i">
<div class="icon_number" id="t2r5p4c"></div>
</div>
</div>
<div class="arrowd_yellow" style="left: 42px; top: 30px; height: 22px; width: 15px;" id="arrowd243"></div>
<div class="button" id="t2r4p2" style="left: 11px; top: 45px; opacity: 1; background-image: url(http://www.wowprovider.com/img/Spells/ability_hunter_pet_cat.png);">
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talenticon" alt="" id="t2r4p2i" style="background-position: -224px 0px;">
<div class="buttonnumber" id="t2r4p2c" style="color: rgb(255, 209, 0);">3/3</div>
</div>
<div class="button" id="t2r4p3" style="left: 20px; top: 45px; opacity: 1; background-image: url(http://www.wowprovider.com/img/Spells/ability_ghoulfrenzy.png);">
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talenticon" alt="" id="t2r4p3i" style="background-position: -224px 0px;">
<div class="buttonnumber" id="t2r4p3c" style="color: rgb(255, 209, 0);">2/2</div>
<div class="treerowspacer">
<div class="icon" id="t2r6p1" style="visibility: hidden;">
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talent_icon" alt="" id="t2r6p1i">
<div class="icon_number" id="t2r6p1c"></div>
</div>
<div class="icon" id="t2r6p2" style="background: url(http://www.wowprovider.com/img/Spells/spell_holy_blessingofagility.png) 50% 50% no-repeat;">
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talent_icon icon_border_yellow_inc" alt="" id="t2r6p2i">
<div class="icon_number icon_text_yellow" id="t2r6p2c">5/5</div>
</div>
<div class="icon" id="t2r6p3" style="visibility: hidden;">
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talent_icon" alt="" id="t2r6p3i">
<div class="icon_number" id="t2r6p3c"></div>
</div>
<div class="icon" id="t2r6p4" style="visibility: hidden;">
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talent_icon" alt="" id="t2r6p4i">
<div class="icon_number" id="t2r6p4c"></div>
</div>
</div>
<div class="arrowd_yellow" style="left: 46px; top: 14px; height: 35px; width: 15px;" id="arrowd244"></div>
<div class="button" id="t2r4p4" style="left: 12px; top: 45px; opacity: 1; background-image: url(http://www.wowprovider.com/img/Spells/ability_racial_cannibalize.png);">
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talenticon" alt="" id="t2r4p4i" style="background-position: -224px 0px;">
<div class="buttonnumber" id="t2r4p4c" style="color: rgb(255, 209, 0);">2/2</div>
</div>
<div class="treerowspacer"></div>
<div class="button" id="t2r5p1" style="left: 15px; top: 55px; opacity: 1; background-image: url(http://www.wowprovider.com/img/Spells/ability_druid_ravage.png);">
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talenticon" alt="" id="t2r5p1i" style="background-position: -224px 0px;">
<div class="buttonnumber" id="t2r5p1c" style="color: rgb(255, 209, 0);">2/2</div>
</div>
<div class="button" id="t2r5p2" style="left: 25px; top: 55px; visibility: hidden;">
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talenticon" alt="" id="t2r5p2i">
<div class="buttonnumber" id="t2r5p2c"></div>
</div>
<div class="button" id="t2r5p3" style="left: 35px; top: 55px; opacity: 1; background-image: url(http://www.wowprovider.com/img/Spells/spell_nature_faeriefire.png);">
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talenticon" alt="" id="t2r5p3i" style="background-position: -224px 0px;">
<div class="buttonnumber" id="t2r5p3c" style="color: rgb(255, 209, 0);">1/1</div>
</div>
<div class="button" id="t2r5p4" style="left: 45px; top: 55px; visibility: hidden;">
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talenticon" alt="" id="t2r5p4i">
<div class="buttonnumber" id="t2r5p4c"></div>
</div>
<div class="treerowspacer"></div>
<div class="button" id="t2r6p1" style="left: 15px; top: 65px; visibility: hidden;">
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talenticon" alt="" id="t2r6p1i">
<div class="buttonnumber" id="t2r6p1c"></div>
</div>
<div class="arrowd_yellow" style="left: 12px; top: 21px; width: 15px;" id="arrowd262"></div>
<div class="button" id="t2r6p2" style="left: 25px; top: 65px; opacity: 1; background-image: url(http://www.wowprovider.com/img/Spells/spell_holy_blessingofagility.png);">
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talenticon" alt="" id="t2r6p2i" style="background-position: -224px 0px;">
<div class="buttonnumber" id="t2r6p2c" style="color: rgb(255, 209, 0);">5/5</div>
</div>
<div class="button" id="t2r6p3" style="left: 35px; top: 65px; visibility: hidden;">
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talenticon" alt="" id="t2r6p3i">
<div class="buttonnumber" id="t2r6p3c"></div>
</div>
<div class="button" id="t2r6p4" style="left: 45px; top: 65px; visibility: hidden;">
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talenticon" alt="" id="t2r6p4i">
<div class="buttonnumber" id="t2r6p4c"></div>
</div>
<div class="treerowspacer"></div>
<div class="button" id="t2r7p1" style="left: 15px; top: 75px; visibility: hidden;">
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talenticon" alt="" id="t2r7p1i">
<div class="buttonnumber" id="t2r7p1c"></div>
</div>
<div class="button" id="t2r7p2" style="left: 25px; top: 75px; opacity: 1; background-image: url(http://www.wowprovider.com/img/Spells/spell_nature_unyeildingstamina.png);">
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talenticon" alt="" id="t2r7p2i" style="background-position: -224px 0px;">
<div class="buttonnumber" id="t2r7p2c" style="color: rgb(255, 209, 0);">1/1</div>
</div>
<div class="button" id="t2r7p3" style="left: 25px; top: 75px; visibility: hidden;">
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talenticon" alt="" id="t2r7p3i">
<div class="buttonnumber" id="t2r7p3c"></div>
</div>
<div class="button" id="t2r7p4" style="left: 25px; top: 75px; visibility: hidden;">
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talenticon" alt="" id="t2r7p4i">
<div class="buttonnumber" id="t2r7p4c"></div>
<div class="treerowspacer">
<div class="icon" id="t2r7p1" style="visibility: hidden;">
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talent_icon" alt="" id="t2r7p1i">
<div class="icon_number" id="t2r7p1c"></div>
</div>
<div class="icon" id="t2r7p2" style="background: url(http://www.wowprovider.com/img/Spells/spell_nature_unyeildingstamina.png) 50% 50% no-repeat;">
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talent_icon icon_border_yellow" alt="" id="t2r7p2i">
<div class="icon_number icon_text_yellow" id="t2r7p2c">1/1</div>
</div>
<div class="icon" id="t2r7p3" style="visibility: hidden;">
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talent_icon" alt="" id="t2r7p3i">
<div class="icon_number" id="t2r7p3c"></div>
</div>
<div class="icon" id="t2r7p4" style="visibility: hidden;">
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talent_icon" alt="" id="t2r7p4i">
<div class="icon_number" id="t2r7p4c"></div>
</div>
</div>
</td>
<td class="outerbg" id="tree3" width="300" height="480" valign="top" style="background-image: url(./api.php?call=files&cat=skilltree&id=druidRestoration.jpg); background-color: rgb(0, 0, 0); background-repeat: no-repeat;">
<div class="button" id="t3r1p1" style="left: 15px; top: 7px; visibility: hidden;">
<div class="buttonnumber" id="t3r1p1c"></div>
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talenticon" alt="" id="t3r1p1i">
</div>
<div class="button" id="t3r1p2" style="left: 25px; top: 7px; opacity: 1; background-image: url(http://www.wowprovider.com/img/Spells/spell_nature_regeneration.png);">
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talenticon" alt="" id="t3r1p2i" style="background-position: -56px 0px;">
<div class="buttonnumber" id="t3r1p2c" style="color: rgb(46, 255, 0);">0/5</div>
</div>
<div class="button" id="t3r1p3" style="left: 35px; top: 7px; opacity: 1; background-image: url(http://www.wowprovider.com/img/Spells/spell_holy_blessingofstamina.png);">
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talenticon" alt="" id="t3r1p3i" style="background-position: -56px 0px;">
<div class="buttonnumber" id="t3r1p3c" style="color: rgb(46, 255, 0);">0/5</div>
</div>
<div class="button" id="t3r1p4" style="left: 45px; top: 7px; visibility: hidden;">
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talenticon" alt="" id="t3r1p4i">
<div class="buttonnumber" id="t3r1p4c"></div>
<div class="treerowspacer">
<div class="icon" id="t3r1p1" style="visibility: hidden;">
<div class="icon_number" id="t3r1p1c"></div>
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talent_icon" alt="" id="t3r1p1i">
</div>
<div class="icon" id="t3r1p2" style="background: url(http://www.wowprovider.com/img/Spells/spell_nature_regeneration.png) 50% 50% no-repeat;">
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talent_icon icon_border_green" alt="" id="t3r1p2i">
<div class="icon_number icon_text_green" id="t3r1p2c">0/5</div>
</div>
<div class="icon" id="t3r1p3" style="background: url(http://www.wowprovider.com/img/Spells/spell_holy_blessingofstamina.png) 50% 50% no-repeat;">
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talent_icon icon_border_green" alt="" id="t3r1p3i">
<div class="icon_number icon_text_green" id="t3r1p3c">0/5</div>
</div>
<div class="icon" id="t3r1p4" style="visibility: hidden;">
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talent_icon" alt="" id="t3r1p4i">
<div class="icon_number" id="t3r1p4c"></div>
</div>
</div>
<div class="treerowspacer"></div>
<div class="button" id="t3r2p1" style="left: 15px; top: 25px; opacity: 1; background-image: url(http://www.wowprovider.com/img/SpellsGrey/spell_nature_healingtouch.png);">
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talenticon" alt="" id="t3r2p1i" style="background-position: 0px 0px;">
<div class="buttonnumber" id="t3r2p1c"></div>
</div>
<div class="button" id="t3r2p2" style="left: 25px; top: 25px; opacity: 1; background-image: url(http://www.wowprovider.com/img/SpellsGrey/spell_nature_healingwavegreater.png);">
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talenticon" alt="" id="t3r2p2i" style="background-position: 0px 0px;">
<div class="buttonnumber" id="t3r2p2c"></div>
</div>
<div class="button" id="t3r2p3" style="left: 35px; top: 25px; opacity: 1; background-image: url(http://www.wowprovider.com/img/SpellsGrey/ability_druid_enrage.png);">
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talenticon" alt="" id="t3r2p3i" style="background-position: 0px 0px;">
<div class="buttonnumber" id="t3r2p3c"></div>
</div>
<div class="button" id="t3r2p4" style="left: 45px; top: 25px; visibility: hidden;">
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talenticon" alt="" id="t3r2p4i">
<div class="buttonnumber" id="t3r2p4c"></div>
<div class="treerowspacer">
<div class="icon" id="t3r2p1" style="background: url(http://www.wowprovider.com/img/SpellsGrey/spell_nature_healingtouch.png) 50% 50% no-repeat;">
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talent_icon icon_border_gray_down" alt="" id="t3r2p1i">
<div class="icon_number" id="t3r2p1c"></div>
</div>
<div class="icon" id="t3r2p2" style="background: url(http://www.wowprovider.com/img/SpellsGrey/spell_nature_healingwavegreater.png) 50% 50% no-repeat;">
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talent_icon" alt="" id="t3r2p2i">
<div class="icon_number" id="t3r2p2c"></div>
</div>
<div class="icon" id="t3r2p3" style="background: url(http://www.wowprovider.com/img/SpellsGrey/ability_druid_enrage.png) 50% 50% no-repeat;">
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talent_icon" alt="" id="t3r2p3i">
<div class="icon_number" id="t3r2p3c"></div>
</div>
<div class="icon" id="t3r2p4" style="visibility: hidden;">
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talent_icon" alt="" id="t3r2p4i">
<div class="icon_number" id="t3r2p4c"></div>
</div>
</div>
<div class="treerowspacer"></div>
<div class="arrowd" style="left: 30px; top: 20px; height: 145px; width: 15px;" id="arrowd372"></div>
<div class="button" id="t3r3p1" style="left: 0px; top: 35px; visibility: hidden;">
<div class="buttonnumber" id="t3r3p1c"></div>
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talenticon" alt="" id="t3r3p1i">
</div>
<div class="button" id="t3r3p2" style="left: 10px; top: 35px; opacity: 1; background-image: url(http://www.wowprovider.com/img/SpellsGrey/spell_frost_windwalkon.png);">
<div class="buttonnumber" id="t3r3p2c"></div>
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talenticon" alt="" id="t3r3p2i" style="background-position: 0px 0px;">
</div>
<div class="button" id="t3r3p3" style="left: 20px; top: 35px; opacity: 1; background-image: url(http://www.wowprovider.com/img/SpellsGrey/spell_nature_insectswarm.png);">
<div class="buttonnumber" id="t3r3p3c"></div>
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talenticon" alt="" id="t3r3p3i" style="background-position: 0px 0px;">
</div>
<div class="button" id="t3r3p4" style="left: 30px; top: 35px; opacity: 1; background-image: url(http://www.wowprovider.com/img/SpellsGrey/ability_eyeoftheowl.png);">
<div class="buttonnumber" id="t3r3p4c"></div>
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talenticon" alt="" id="t3r3p4i" style="background-position: 0px 0px;">
<div class="treerowspacer">
<div class="icon" id="t3r3p1" style="visibility: visible;">
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talent_arrow icon_arrow_gray_down" alt="" id="t3r3p1i">
<div class="icon_number" id="t3r3p1c"></div>
</div>
<div class="icon" id="t3r3p2" style="background: url(http://www.wowprovider.com/img/SpellsGrey/spell_frost_windwalkon.png) 50% 50% no-repeat;">
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talent_icon" alt="" id="t3r3p2i">
<div class="icon_number" id="t3r3p2c"></div>
</div>
<div class="icon" id="t3r3p3" style="background: url(http://www.wowprovider.com/img/SpellsGrey/spell_nature_insectswarm.png) 50% 50% no-repeat;">
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talent_icon icon_border_gray_down" alt="" id="t3r3p3i">
<div class="icon_number" id="t3r3p3c"></div>
</div>
<div class="icon" id="t3r3p4" style="background: url(http://www.wowprovider.com/img/SpellsGrey/ability_eyeoftheowl.png) 50% 50% no-repeat;">
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talent_icon" alt="" id="t3r3p4i">
<div class="icon_number" id="t3r3p4c"></div>
</div>
</div>
<!--<div class="treerowspacer"></div>-->
<div class="button" id="t3r4p1" style="left: 0px; top: 45px; visibility: hidden;">
<div class="buttonnumber" id="t3r4p1c"></div>
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talenticon" alt="" id="t3r4p1i">
</div>
<div class="button" id="t3r4p2" style="left: 10px; top: 45px; opacity: 1; background-image: url(http://www.wowprovider.com/img/SpellsGrey/spell_holy_elunesgrace.png);">
<div class="buttonnumber" id="t3r4p2c"></div>
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talenticon" alt="" id="t3r4p2i" style="background-position: 0px 0px;">
<div class="treerowspacer">
<div class="icon" id="t3r4p1" style="visibility: visible;">
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talent_arrow icon_arrow_gray_down" alt="" id="t3r4p1i">
<div class="icon_number" id="t3r4p1c"></div>
</div>
<div class="icon" id="t3r4p2" style="background: url(http://www.wowprovider.com/img/SpellsGrey/spell_holy_elunesgrace.png) 50% 50% no-repeat;">
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talent_icon icon_border_gray_down" alt="" id="t3r4p2i">
<div class="icon_number" id="t3r4p2c"></div>
</div>
<div class="icon" id="t3r4p3" style="visibility: visible;">
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talent_arrow icon_arrow_gray_down" alt="" id="t3r4p3i">
<div class="icon_number" id="t3r4p3c"></div>
</div>
<div class="icon" id="t3r4p4" style="background: url(http://www.wowprovider.com/img/SpellsGrey/spell_nature_rejuvenation.png) 50% 50% no-repeat;">
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talent_icon" alt="" id="t3r4p4i">
<div class="icon_number" id="t3r4p4c"></div>
</div>
</div>
<div class="arrowd" style="left: 35px; top: 30px; height: 87px; width: 15px;" id="arrowd353"></div>
<div class="button" id="t3r4p3" style="left: 20px; top: 45px; visibility: hidden;">
<div class="buttonnumber" id="t3r4p3c"></div>
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talenticon" alt="" id="t3r4p3i">
</div>
<div class="button" id="t3r4p4" style="left: 14px; top: 45px; opacity: 1; background-image: url(http://www.wowprovider.com/img/SpellsGrey/spell_nature_rejuvenation.png);">
<div class="buttonnumber" id="t3r4p4c"></div>
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talenticon" alt="" id="t3r4p4i" style="background-position: 0px 0px;">
</div>
<div class="treerowspacer"></div>
<div class="button" id="t3r5p1" style="left: 15px; top: 18px; opacity: 1; background-image: url(http://www.wowprovider.com/img/SpellsGrey/spell_nature_ravenform.png);">
<div class="buttonnumber" id="t3r5p1c"></div>
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talenticon" alt="" id="t3r5p1i" style="background-position: 0px 0px;">
</div>
<div class="arrowd" style="left: 40px; top: 3px; height: 152px; width: 15px;" id="arrowd351"></div>
<div class="button" id="t3r5p2" style="left: 12px; top: 18px; visibility: hidden;">
<div class="buttonnumber" id="t3r5p2c"></div>
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talenticon" alt="" id="t3r5p2i">
</div>
<div class="button" id="t3r5p3" style="left: 20px; top: 18px; opacity: 1; background-image: url(http://www.wowprovider.com/img/SpellsGrey/spell_nature_protectionformnature.png);">
<div class="buttonnumber" id="t3r5p3c"></div>
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talenticon" alt="" id="t3r5p3i" style="background-position: 0px 0px;">
</div>
<div class="button" id="t3r5p4" style="left: 29px; top: 18px; opacity: 1; background-image: url(http://www.wowprovider.com/img/SpellsGrey/spell_nature_tranquility.png);">
<div class="buttonnumber" id="t3r5p4c"></div>
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talenticon" alt="" id="t3r5p4i" style="background-position: 0px 0px;">
<div class="treerowspacer">
<div class="icon" id="t3r5p1" style="background: url(http://www.wowprovider.com/img/SpellsGrey/spell_nature_ravenform.png) 50% 50% no-repeat;">
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talent_icon icon_border_gray_inc" alt="" id="t3r5p1i">
<div class="icon_number" id="t3r5p1c"></div>
</div>
<div class="icon" id="t3r5p2" style="visibility: visible;">
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talent_arrow icon_arrow_gray_down" alt="" id="t3r5p2i">
<div class="icon_number" id="t3r5p2c"></div>
</div>
<div class="icon" id="t3r5p3" style="background: url(http://www.wowprovider.com/img/SpellsGrey/spell_nature_protectionformnature.png) 50% 50% no-repeat;">
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talent_icon icon_border_gray_inc" alt="" id="t3r5p3i">
<div class="icon_number" id="t3r5p3c"></div>
</div>
<div class="icon" id="t3r5p4" style="background: url(http://www.wowprovider.com/img/SpellsGrey/spell_nature_tranquility.png) 50% 50% no-repeat;">
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talent_icon" alt="" id="t3r5p4i">
<div class="icon_number" id="t3r5p4c"></div>
</div>
</div>
<!--<div class="treerowspacer"></div>-->
<!--<div class="button" id="t3r6p1" style="left: 12px; top: 21px; visibility: hidden;">
<div class="buttonnumber" id="t3r6p1c"></div>
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talenticon" alt="" id="t3r6p1i">
</div>-->
<div class="button" id="t3r6p2" style="left: 12px; top: 21px; visibility: hidden;">
<div class="buttonnumber" id="t3r6p2c"></div>
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talenticon" alt="" id="t3r6p2i">
</div>
<div class="button" id="t3r6p3" style="left: 20px; top: 28px; opacity: 1; background-image: url(http://www.wowprovider.com/img/SpellsGrey/spell_nature_resistnature.png);">
<div class="buttonnumber" id="t3r6p3c"></div>
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talenticon" alt="" id="t3r6p3i" style="background-position: 0px 0px;">
</div>
<div class="button" id="t3r6p4" style="left: 12px; top: 21px; visibility: hidden;">
<div class="buttonnumber" id="t3r6p4c"></div>
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talenticon" alt="" id="t3r6p4i">
<div class="treerowspacer">
<div class="icon" id="t3r6p1" style="visibility: hidden;">
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talent_icon" alt="" id="t3r6p1i">
<div class="icon_number" id="t3r6p1c"></div>
</div>
<div class="icon" id="t3r6p2" style="visibility: visible;">
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talent_arrow icon_arrow_gray_down" alt="" id="t3r6p2i">
<div class="icon_number" id="t3r6p2c"></div>
</div>
<div class="icon" id="t3r6p3" style="background: url(http://www.wowprovider.com/img/SpellsGrey/spell_nature_resistnature.png) 50% 50% no-repeat;">
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talent_icon" alt="" id="t3r6p3i">
<div class="icon_number" id="t3r6p3c"></div>
</div>
<div class="icon" id="t3r6p4" style="visibility: hidden;">
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talent_icon" alt="" id="t3r6p4i">
<div class="icon_number" id="t3r6p4c"></div>
</div>
</div>
<div class="treerowspacer"></div>
<div class="button" id="t3r7p1" style="left: 12px; top: 21px; visibility: hidden;">
<div class="buttonnumber" id="t3r7p1c"></div>
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talenticon" alt="" id="t3r7p1i">
<div class="treerowspacer">
<div class="icon" id="t3r7p1" style="visibility: hidden;">
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talent_icon" alt="" id="t3r7p1i">
<div class="icon_number" id="t3r7p1c"></div>
</div>
<div class="icon" id="t3r7p2" style="background: url(http://www.wowprovider.com/img/SpellsGrey/inv_relics_idolofrejuvenation.png) 50% 50% no-repeat;">
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talent_icon icon_border_gray_inc" alt="" id="t3r7p2i">
<div class="icon_number" id="t3r7p2c"></div>
</div>
<div class="icon" id="t3r7p3" style="visibility: hidden;">
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talent_icon" alt="" id="t3r7p3i">
<div class="icon_number" id="t3r7p3c"></div>
</div>
<div class="icon" id="t3r7p4" style="visibility: hidden;">
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talent_icon" alt="" id="t3r7p4i">
<div class="icon_number" id="t3r7p4c"></div>
</div>
</div>
<div class="button" id="t3r7p2" style="left: 25px; top: 0px; opacity: 1; background-image: url(http://www.wowprovider.com/img/SpellsGrey/inv_relics_idolofrejuvenation.png);">
<div class="buttonnumber" id="t3r7p2c"></div>
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talenticon" alt="" id="t3r7p2i" style="background-position: 0px 0px;"></div>
<div class="button" id="t3r7p3" style="left: 12px; top: 21px; visibility: hidden;">
<div class="buttonnumber" id="t3r7p3c"></div>
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talenticon" alt="" id="t3r7p3i"></div>
<div class="button" id="t3r7p4" style="left: 12px; top: 21px; visibility: hidden;">
<div class="buttonnumber" id="t3r7p4c"></div>
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talenticon" alt="" id="t3r7p4i">
</div>
</td>
</tr>
</table>