/* Tooltip */
a.equipment {border:none;cursor:help}
a.equipment img{border:none}
a.equipment span{visibility:hidden;display:none}
a.equipment:hover{position:relative;text-decoration:none}
a:hover.equipment span{border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;box-shadow:3px 3px 3px rgba(0,0,0,.4);-webkit-box-shadow:3px 3px rgba(0,0,0,.4);-moz-box-shadow:3px 3px rgba(0,0,0,.4);font-family:Verdana,sans-serif;position:absolute;left:.25em;top:1.25em;z-index:99;background:#333;border:2px solid #111;font-weight:400;text-align:center;text-decoration:none;padding:.1em;width:175px;display:block;opacity:.95;filter:alpha(opacity=95);z-index:150;padding-bottom:4px}

#equipment .EquipTitleNormal{font-size:12px;color:#1eff00}
#equipment .EquipTitleMagical{font-size:12px;color:#0070dd}
#equipment .EquipTitleDonation {font-size: 12px;font-weight: 700;color: orange;}
#equipment .EquipText{font-size:10px;color:#fff}

.ItemSlotStroke{color:#fff;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000;position:absolute;padding-top:18px;z-index:150}
#equipment a:hover span,#equipment a:active span,#equipment a:focus span{visibility:visible}#equipment a:hover,#equipment a:focus{visibility:visible}

/* Characters Equipment */
.SkillsBgrnd {
  box-sizing: content-box;
  background-image: url(/images/equipment/skillsbackground.png);
  background-repeat: no-repeat;
  position: relative;
  float: right;
  right: 80px;
  top: -37px;
  margin-top: 38px;
  margin-bottom: -23px;
  padding: 15px;
  height: 202px;
  width: 154px;
  box-shadow: 0 10px 16px 0 rgba(0, 0, 0, 0.42),0 6px 20px 0 rgba(0, 0, 0, 0.3) !important;
}

.SkillsBgrnd .exp {
position: absolute;
font-size: 8.5pt;
font-weight: bold;
color: #b5b5b5;
margin: 0 auto;
margin-top: -1.5px;
width: 145px;
text-align: right;
}

.SkillsBgrnd .level {
position: absolute;
margin: 0 auto;
width: 145px;
text-align: right;
margin-top: 11px;
margin-bottom: 1px;
font-size: 8.5pt;
font-weight: bold;
color: #b5b5b5;
}

.SkillsBgrnd .hitpoints {
position: absolute;
margin: 0 auto;
width: 145px;
text-align: right;
margin-top: 25px;
font-size: 8.5pt;
font-weight: bold;
color: #b5b5b5;
}

.SkillsBgrnd .mana {
position: absolute;
margin: 0 auto;
width: 145px;
text-align: right;
margin-top: 39px;
font-size: 8.5pt;
font-weight: bold;
color: #b5b5b5;
}

.SkillsBgrnd .soul {
position: absolute;
margin: 0 auto;
width: 145px;
text-align: right;
margin-top: 54px;
font-size: 8.5pt;
font-weight: bold;
color: #b5b5b5;
}

.SkillsBgrnd .cap {
position: absolute;
margin: 0 auto;
width: 145px;
text-align: right;
margin-top: 67px;
margin-bottom: 1px;
font-size: 8.5pt;
font-weight: bold;
color: #b5b5b5;
}

.SkillsBgrnd .stamina {
position: absolute;
margin: 0 auto;
width: 145px;
text-align: right;
margin-top: 81px;
margin-bottom: 3px;
font-size: 8.5pt;
font-weight: bold;
color: #b5b5b5;
}

.SkillsBgrnd .magiclevel {
position: absolute;
margin: 0 auto;
width: 145px;
text-align: right;
margin-top: 94px;
font-size: 8.5pt;
font-weight: bold;
color: #b5b5b5;
}

.SkillsBgrnd .Fist {
position: absolute;
margin: 0 auto;
width: 145px;
text-align: right;
margin-top: 114px;
margin-left: -1px;
font-size: 8.8pt;
font-weight: bold;
color: #b5b5b5;
}

.SkillsBgrnd .Club {
position: absolute;
margin: 0 auto;
width: 145px;
text-align: right;
margin-top: 127px;
margin-left: -1px;
font-size: 8.8pt;
font-weight: bold;
color: #b5b5b5;
}

.SkillsBgrnd .Sword {
position: absolute;
margin: 0 auto;
width: 145px;
text-align: right;
margin-top: 141px;
margin-left: -1px;
font-size: 8.8pt;
font-weight: bold;
color: #b5b5b5;
}

.SkillsBgrnd .Axe {
position: absolute;
margin: 0 auto;
width: 145px;
text-align: right;
margin-top: 154px;
margin-left: -1px;
font-size: 8.8pt;
font-weight: bold;
color: #b5b5b5;
}
.SkillsBgrnd .Distance {
position: absolute;
margin: 0 auto;
width: 145px;
text-align: right;
margin-top: 168px;
margin-left: -1px;
font-size: 8.8pt;
font-weight: bold;
color: #b5b5b5;
}
.SkillsBgrnd .Shield {
position: absolute;
margin: 0 auto;
width: 145px;
text-align: right;
margin-top: 182px;
margin-left: -1px;
font-size: 8.8pt;
font-weight: bold;
color: #b5b5b5;
}
.SkillsBgrnd .Fishing {
position: absolute;
margin: 0 auto;
width: 145px;
text-align: right;
margin-top: 196px;
margin-left: -1px;
font-size: 8.8pt;
font-weight: bold;
color: #b5b5b5;
}

.signBgrnd {
  box-sizing: content-box;
  background-image: url(/images/equipment/outfit.png);
  background-repeat: no-repeat;
  position: relative;
  float: left;
  left: 80px;
  top: -37px;
  margin-top: 38px;
  margin-bottom: -58px;
  padding: 15px;
  height: 202px;
  width: 146px;
  box-shadow: 0 10px 16px 0 rgba(0, 0, 0, 0.42),0 6px 20px 0 rgba(0, 0, 0, 0.3) !important;
}

#signBgrnd a {
float: right;
left: 9px;
top: -37px;
margin-top: 38px;
margin-bottom: -58px;
padding: 15px;
  }

.signBgrnd .wep {
position: absolute;
top: 90px;
left: 11px;
width: 32px;
height: 32px;
}
.signBgrnd .wep img {
background-image:url(/images/equipment/bg.png);
max-width: 100%;
}

.signBgrnd .arm {
position: absolute;
top: 76px;
left: 48px;
width: 32px;
height: 32px;
}
.signBgrnd .arm img {
background-image:url(/images/equipment/bg.png);
max-width: 100%;
}

.signBgrnd .helm {
position: absolute;
top: 39px;
left: 48px;
width: 32px;
height: 32px;
}
.signBgrnd .helm img {
background-image:url(/images/equipment/bg.png);
max-width: 100%;
}

.signBgrnd .legs {
position: absolute;
top: 113px;
left: 48px;
width: 32px;
height: 32px;
}
.signBgrnd .legs img {
background-image:url(/images/equipment/bg.png);
max-width: 100%;
}

.signBgrnd .boots {
position: absolute;
top: 150px;
left: 48px;
width: 32px;
height: 32px;
}
.signBgrnd .boots img {
background-image:url(/images/equipment/bg.png);
max-width: 100%;
}

.signBgrnd .ring {
position: absolute;
top: 127px;
left: 11px;
width: 32px;
height: 32px;
}
.signBgrnd .ring img {
background-image:url(/images/equipment/bg.png);
max-width: 100%;
}

.signBgrnd .amulet {
position: absolute;
top: 53px;
left: 11px;
width: 32px;
height: 32px;
}
.signBgrnd .amulet img {
background-image:url(/images/equipment/bg.png);
max-width: 100%;
}

.signBgrnd .backpack {
position: absolute;
top: 53px;
left: 85px;
width: 32px;
height: 32px;
}
.signBgrnd .backpack img {
background-image:url(/images/equipment/bg.png);
max-width: 100%;
}

.signBgrnd .shield {
position: absolute;
top: 90px;
left: 85px;
width: 32px;
height: 32px;
}
.signBgrnd .shield img {
background-image:url(/images/equipment/bg.png);
max-width: 100%;
}

.signBgrnd .arrow {
position: absolute;
top: 127px;
left: 85px;
width: 32px;
height: 32px;
}
.signBgrnd .arrow img {
background-image:url(/images/equipment/bg.png);
max-width: 100%;
}
.signBgrnd .cap {
position: absolute;
top: 163px;
left: 93px;
width: 32px;
height: 32px;
font-size: 6.3pt;
font-family: sans-serif;
text-shadow: -1px -1px 0 rgba(0,0,0,0.50),1px -1px 0 rgba(0,0,0,0.50),-1px 1px 0 rgba(0,0,0,0.50),1px 1px 0 rgba(0,0,0,0.50);
font-weight: normal;
color: rgba(255, 255, 255, 0.61);
font-weight: bold;
}

.signBgrnd .cap2 {
position: absolute;
top: 172px;
left: 94px;
width: 32px;
height: 32px;
font-size: 6.3pt;
font-family: sans-serif;
text-shadow: -1px -1px 0 rgba(0,0,0,0.50),1px -1px 0 rgba(0,0,0,0.50),-1px 1px 0 rgba(0,0,0,0.50),1px 1px 0 rgba(0,0,0,0.50);
font-weight: normal;
color: rgba(255, 255, 255, 0.61);
font-weight: bold;
}

.signBgrnd .soul {
position: absolute;
top: 163px;
left: 19px;
width: 32px;
height: 32px;
font-size: 6.3pt;
font-family: sans-serif;
text-shadow: -1px -1px 0 rgba(0,0,0,0.50),1px -1px 0 rgba(0,0,0,0.50),-1px 1px 0 rgba(0,0,0,0.50),1px 1px 0 rgba(0,0,0,0.50);
color: rgba(255, 255, 255, 0.61);
font-weight: bold;
}
.signBgrnd .soul2 {
position: absolute;
top: 172px;
left: 21px;
width: 32px;
height: 32px;
font-size: 6.3pt;
font-family: sans-serif;
text-shadow: -1px -1px 0 rgba(0,0,0,0.50),1px -1px 0 rgba(0,0,0,0.50),-1px 1px 0 rgba(0,0,0,0.50),1px 1px 0 rgba(0,0,0,0.50);
color: rgba(255, 255, 255, 0.61);
font-weight: bold;
}
.hptext {
position: absolute;
left: 110px;
font-size: 10.0pt;
margin-left: 99px;
margin-top: -1.8px;
font-weight: bold;
color: #b5b5b5;
}
.manatext {
position: absolute;
left: 110px;
font-size: 10.0pt;
margin-left: 99px;
margin-top: -2px;
font-weight: bold;
color: #b5b5b5;
}
.lifebarpercent {
width: 100%;
max-width: 100%;
height: 5px;
position: absolute;
margin-top: 7px;
}
.lifebarbk {
position:relative;
background: url(/images/equipment/lifebar.png);
height: 12px;
border-radius: 10px;
max-width: 11.2%;
left: 107px;
}
.manapercent {
width: 100%;
max-width: 100%;
height: 5px;
position: absolute;
margin-top: 20px;
}
.manabk {
background: url(/images/equipment/manabar.png);
height: 12px;
border-radius: 10px;
position:relative;
max-width: 11.2%;
left: 107px;
}

.OutfitBgrnd{box-sizing: content-box; background-image:url(/images/equipment/outfitbackground.png);background-repeat:no-repeat;position:relative;float:left;left:170px;top:-37px;margin-top:38px;margin-bottom:-25px;padding:15px 0;height:202px;width:178px;box-shadow:0 10px 16px 0 rgba(0,0,0,0.42),0 6px 20px 0 rgba(0,0,0,0.3)!important}

.OutfitBgrnd .grayimg{filter:none;-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);opacity:.5;filter:alpha(opacity=50);margin-left:-25pt;margin-top:-25px}
.OutfitBgrnd .OutfitPlayer{margin:0;height:64px;width:64px}
.OutfitBgrnd .OutfitName{position:absolute;margin:0 auto;width:145px;height:10px;text-align:center;top:203px;font-size:8pt;font-weight:700;color:#b5b5b5}

.grayoutfit{filter:none;-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);opacity:.5;filter:alpha(opacity=50);margin-left:-25pt;margin-top:-30px}
.normaloutfit{margin-left:-25pt;margin-top:-30px}