<div class="tooltip" style="position: absolute; top: 8px; left: 271px; width: 35px; height: 35px; "> <span class="tooltiptext" style="margin-left: -265px;"> <a href="menu1.html"> <button> Close </button> </a> <script> function goBack() { window.history.back(); } </script> </a> </span> </div>   <div class="tooltip" style="position: absolute; top: 103px; left: 258px; width: 32px; height: 33px; "> <span class="tooltiptext" style="margin-left: -250px; margin-top: 35;"><img src="IMAGES/honor-popup.jpg" width="210"></span> </span> </span> </div>   <div class="tooltip" style="position: absolute; top: 140px; left: 258px; width: 32px; height: 33px; "> <span class="tooltiptext" style="margin-left: -250px; margin-top: 35;">If your energy runs out, you can buy more depending on your VIP level. Gem amount goes up by 5 each purchase.<img src="IMAGES/energy-popup.jpg" width="210"></span> </span> </span> </div>   <div class="tooltip" style="position: absolute; top: 97px; left: 23px; width: 46px; height: 46px; "> <span class="tooltiptext" style="margin-left: -15px;"><b><u> Character </b></u> : You can change your avatar and border here.</span> </div>   <div class="tooltip" style="position: absolute; top: 184px; left: 22px; width: 46px; height: 46px; "> <span class="tooltiptext" style="margin-left: -15px;"><b><u> Commander Rank </b></u> : Upon meeting the reuirements, you can upgrade your commanders rank. Each rank allows for more eaned reputation on daily login.</span> </div>   <div class="tooltip" style="position: absolute; top: 196px; left: 220px; width: 36px; height: 36px; "> <span class="tooltiptext" style="margin-left: -204px; margin-top:-2px;background-color: rgba(0,0,0,0); border-color: rgba(0,0,0,0);"> <img src="IMAGES/commander-level-popup.png" width="210"></span> </span> </div>   <div class="tooltip" style="position: absolute; top: 196px; left: 259px; width: 36px; height: 36px; "> <span class="tooltiptext" style="margin-left: -250px; margin-top:-60px;">When the image is grey, you have reached max level, or do not meet the requirements.</span> </span> </span> </div>   <div class="tooltip" style="position: absolute; top: 242px; left: 22px; width: 46px; height: 46px; "> <span class="tooltiptext" style="margin-left: -15px;"><b><u> Leadership </b></u> : Increase leadership level to increase the amount of ships led. Leader level cannot exceed commander level.</span> </div>   <div class="tooltip" style="position: absolute; top: 254px; left: 220px; width: 36px; height: 36px; "> <span class="tooltiptext" style="margin-left: -204px; margin-top:-60px;background-color: rgba(0,0,0,0); border-color: rgba(0,0,0,0);"> <img src="IMAGES/leadership-level-popup.png" width="210"></span> </span> </div>   <div class="tooltip" style="position: absolute; top: 254px; left: 259px; width: 36px; height: 36px; "> <span class="tooltiptext" style="margin-left: -250px; margin-top:-60px;">When you have no leadership books you see this, or else 1 book is used to attempt to increase level. <img src="IMAGES/leadership-level-popup.jpg" width="210"><br>When the arrow is grey, it is because you have reached max leadership level.</span> </span> </div>   <div class="tooltip" style="position: absolute; top: 300px; left: 22px; width: 46px; height: 46px; "> <span class="tooltiptext" style="margin-left: -15px;"><b><u> Reputation </b></u> : Current reputation level. Needed to increase technologies.</span> </div>   <div class="tooltip" style="position: absolute; top: 312px; left: 220px; width: 36px; height: 36px; "> <span class="tooltiptext" style="margin-left: -204px; margin-top:-60px;background-color: rgba(0,0,0,0); border-color: rgba(0,0,0,0);"> <img src="IMAGES/reputation-level-popup.png" width="210"></span> </span> </div>   <div class="tooltip" style="position: absolute; top: 312px; left: 259px; width: 36px; height: 36px; "> <span class="tooltiptext" style="margin-left: -250px; margin-top:-60px;">When the image is grey, it is not accessible.</span> </span> </div>   <div class="tooltip" style="position: absolute; top: 50px; left: 120px; width: 76px; height: 25px; "> <span class="tooltiptext" style="margin-left: -112px;"><b><u> Skills </b></u> : This is where you can access and increase commander skills with honor medals. <a href="character-skills.html"><button>GO </button></a></span> </div>   <div class="tooltip" style="position: absolute; top: 50px; left: 220px; width: 76px; height: 25px; "> <span class="tooltiptext" style="margin-left: -212px;"><b><u> Social </b></u> : This is where you can access your friends list, give out and recieve intimacy(hearts), and claim intamacy rewards. <a href="character-intimacy.html"><button>GO </button></a></span> </div>  </body> </html>