div.charFolio{position:relative;}
div.charFrame{position:absolute;z-index:2;background:url(charframe.png) no-repeat;width:75px;height:75px;top:0;right:-2px;cursor:pointer;}
div.charIcon{position:absolute;z-index:1;top:19px;right:17px;width:36px;height:36px;cursor:pointer;}
div.charIcon img.charImg{position:relative;z-index:1;top:0;left:0;width:36px;height:36px;cursor:pointer;}
div.charInfo{position:absolute;top:20px;right:70px;text-align:right;font-family:'Tw Cen MT Condensed','Helvetica','Arial',sans-serif;text-shadow:1px 1px 0px #000;text-shadow:1px 1px 3px rgba(0,0,0,0.8);font-style:italic;font-weight:bold;cursor:default;}
div.charInfo p.charLevel{color:#FFF;font-size:14px;}
div.charMenu{display:none;position:absolute;bottom:-170px;width:203px;right:-13px;z-index:15;}
div.charMenu>.top{background:url(../images/chardropdown.png) no-repeat top left;width:203px;height:24px;}
div.charMenu>.cont{background:url(../images/chardropdown_bg.png) repeat-y;width:194px;padding-left:9px;}
div.charMenu>.bot{background:url(../images/chardropdown.png) no-repeat bottom left;width:203px;height:15px;}
div.arrow{cursor:pointer;}
ul.charNavi{display:block;list-style-type:none;position:relative;}
ul.charNavi a li{display:block;width:155px;color:#FFF;font-size:11px;border-bottom:1px solid #fff;border-bottom:1px solid rgba(255,255,255,0.2);position:relative;}
ul.charNavi li.last{border-bottom:none;}
ul.charNavi a li p{position:relative;padding:10px;}
ul.charNavi a li img{position:absolute;top:10px;right:-23px;width:16px;height:16px;}
#tooltip{position:absolute;z-index:9999;color:#fff;font-size:11px;display:none;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;background-color:rgb(0,0,0);background-color:rgba(0,0,0,0.8);box-shadow:0 0 5px 5px rgba(0,0,0,0.5);-webkit-box-shadow:0 0 5px 5px rgba(0,0,0,0.5);-moz-box-shadow:0 0 5px 5px rgba(0,0,0,0.5);padding:15px;max-width:500px;}
#tooltip strong{color:#1583d3;}
*.class-dk{color:#C41F3B;}
*.class-dr{color:#FF7D0A;}
*.class-hu{color:#ABD473;}
*.class-ma{color:#69CCF0;}
*.class-mo{color:#558A84;}
*.class-pa{color:#F58CBA;}
*.class-pr{color:#FFFFFF;}
*.class-ro{color:#FFF569;}
*.class-sh{color:#0070DE;}
*.class-wl{color:#9482C9;}
*.class-wa{color:#C79C6E;}
*.alliance{color:#1583d3;}
*.horde{color:red;}