div.armory {
  padding: 0px;
}

div.armory div.navigation,
div.armory div.subnavigation {
  background: url('../img/trim_19.png') bottom left repeat-x;
  padding: 4px 0.75em 10px 0.75em;
}

div.armory div.seperator {
  background: url('../img/trim_19.png') bottom left repeat-x;
  height: 3px;
}

div.armory div.navigation > ul > li,
div.armory div.subnavigation > ul > li {
  float: left;
  list-style: none;
  text-align: center;
  margin-right: 0.75em;
}

div.armory div.index > div.content,
div.armory div.config div.subcontent {
  padding: 20px;
}

div.armory div.index > div.content > ul > li {
  float: left;
  list-style: none;
}

div.armory div.index > div.content > ul > li > a.bannerlink_config {
  background: url('../img/armory_banner_config.png') top left repeat-x;
}

div.armory div.index > div.content > ul > li > a.bannerlink_userlist {
  background: url('../img/armory_banner_userlist.png') top left repeat-x;
}

div.armory div.index > div.content > ul > li > a.bannerlink_characterlist {
  background: url('../img/armory_banner_characterlist.png') top left repeat-x;
}

div.armory div.index > div.content > ul > li > a.bannerlink_guildlist {
  background: url('../img/armory_banner_guildlist.png') top left repeat-x;
}

div.armory div.index > div.content > ul > li > a.bannerlink_professionlist {
  background: url('../img/armory_banner_professionlist.png') top left repeat-x;
}

div.armory div.index > div.content > ul > li > a.bannerlink_reputationlist {
  background: url('../img/armory_banner_reputationlist.png') top left repeat-x;
}

div.armory div.index > div.content > ul > li > a.bannerlink_raidpoints {
  background: url('../img/armory_banner_raidpoints.png') top left repeat-x;
}

div.armory div.index > div.content > ul > li > a {
  display: block;
  height: 48px;
  width: 285px;
  text-align: center;
  padding-top: 146px;
  font-size: 19px;
  margin: 10px 15px;
}

div.armory h1 {
  text-align: right;
  line-height: 100px;
  font-size: 32px;
  padding: 0 1em 0 1em;
}

div.armory div.professionlist h2,
div.armory div.userlist h2 {
  line-height: 1.5em;
  font-size: 1.4em;
  padding: 20px 0 6px 6px;
  margin: -2px -4px;
  background:transparent url(../img/trim_10.png) repeat-x scroll left bottom;
}

div.armory div.index > h1 {
  background: url('../img/armory_headerbg_index.png') top left no-repeat #000;
}

div.armory div.config > h1 {
  background: url('../img/armory_headerbg_config.png') top left no-repeat #000;
}

div.armory div.userlist > h1 {
  background: url('../img/armory_headerbg_userlist.png') top left no-repeat #000;
}

div.armory div.characterlist > h1 {
  background: url('../img/armory_headerbg_characterlist.png') top left no-repeat #000;
}

div.armory div.guildlist > h1 {
  background: url('../img/armory_headerbg_guildlist.png') top left no-repeat #000;
}

div.armory div.professionlist > h1 {
  background: url('../img/armory_headerbg_professionlist.png') top left no-repeat #000;
}

div.armory div.reputationlist > h1 {
  background: url('../img/armory_headerbg_reputationlist.png') top left no-repeat #000;
}

div.armory div.raidpoints > h1 {
  background: url('../img/armory_headerbg_raidpoints.png') top left no-repeat #000;
}

div.armory div.character > h1 {
  background: url('../img/armory_headerbg_character.png') top left no-repeat #000;
}

div.armory div.config h2.subheader {
  float:left;
  font-size:1.75em;
  margin: 0.3em 0 0 0.2em;
}

div.armory div.config div.subheadmenu {
  float: right;
  margin: 0 1em 0 0;
}

div.armory tbody.category h2 {
  font-size: 2em;
  padding: 0 0.3em 6px 0.3em;
  margin: 1.3em 8px 0 8px;
  background:transparent url(../img/trim_10.png) repeat-x scroll left bottom;
}

div.armory tbody.guild h2,
div.armory tbody.faction h2 {
  font-size: 1.6em;
  padding: 0 0 0.3em 0;
  margin: 1em 0.3em 0.3em 0.3em;
}

div.armory table.profs,
div.armory table.users,
div.armory table.guilds,
div.armory table.reps,
div.armory table.chars {
  width: 100%;
  border-collapse:collapse;
  border-spacing:0;
}

div.armory table.chars {
  margin-top: 20px;
}

div.armory table tr.head,
div.armory table.chars > thead {
  background:transparent url(../img/trim_9.png) repeat-x scroll left bottom;
}

div.armory table.profs tr > th,
div.armory table.users tr > th,
div.armory table.guilds tr > th,
div.armory table.reps tr > th,
div.armory table.chars tr > th {
  font-weight: bold;
  text-align: left;
  padding:2px 4px 5px 4px;
}

div.armory table.profs tr > td,
div.armory table.users tr > td,
div.armory table.guilds tr > td,
div.armory table.reps tr > td,
div.armory table.chars tr > td {
  text-align: left;
  padding:2px 4px;
}

span.minor,
div.armory table td.minor {
  color: #bbb;
}

div.armory table.reps tr.foot > td {
  text-align: right;
}

div.armory div.add,
div.armory div.edit {
  background: url(../img/trim_9.png) repeat-x scroll left top;
  padding: 0.5em 0.75em 3px 0.75em;
}

/*
div.armory div.add {
  background: url(../img/trim_19.png) repeat-x scroll left bottom;
  padding: 10px 0.75em 0.5em 0.75em;
}
*/

div.armory div.add > form div,
div.armory div.edit > form div {
  clear: none;
}

div.armory div.add > form > h2,
div.armory div.edit > form > h2 {
  font-size: 1.25em;
  padding-bottom: 0.5em;
}

div.armory div.add > form > div.realm,
div.armory div.add > form > div.name,
div.armory div.add > form > div.user,
div.armory div.edit > form > div.realm,
div.armory div.edit > form > div.name,
div.armory div.edit > form > div.user {
  clear: none;
  float: left;
  padding: 0 1.5em 0 0;
  height: 50px;
}

div.armory div.add > form > div.realm > label,
div.armory div.add > form > div.name > label,
div.armory div.add > form > div.user > label,
div.armory div.edit > form > div.realm > label,
div.armory div.edit > form > div.name > label,
div.armory div.edit > form > div.user > label {
  font-size: 0.85em;
  display: block;
}

div.armory div.add > form > div.control,
div.armory div.edit > form > div.control {
  padding: 2px 0.3em 2px 0.3em;
  clear: none;
  float: right;
}

div.armory div.character div.content div {
  clear: none;
}

div.armory div.character div.content div.portrait {
  background: url(../img/armory_character_portraitbg.png) right top no-repeat;
  width: 154px;
  height: 197px;
  float: right;
  text-align: right;
}
div.armory div.character div.content div.portrait > img {
  margin-top: 10px;
  margin-right: 10px;
}

div.armory div.character div.content div.quickchar {
  float: right;
  padding: 0.5em;
  text-align: right;
}

div.armory div.character div.content div.quickchar > div.names {
  font-size: 2em;
  font-weight: bold;
  line-height: 2em;
}

div.armory div.character div.content div.quickchar > div.roles,
div.armory div.character div.content div.quickchar > div.talents {
  font-size:1.3em;
  font-weight: bold;
  line-height: 1.75em;
}

div.armory div.character div.content div.quickchar > div.user {
  font-size:1.3em;
  font-weight: bold;
  line-height: 1.75em;
}

div.armory div.character div.content div.charstats,
div.armory div.character div.content div.professions,
div.armory div.character div.content div.items,
div.armory div.character div.content div.reputations {
  padding: 1em 0.5em 0.5em 0.5em;
}

div.armory div.character div.content div.items,
div.armory div.character div.content div.professions {
  float: right;
  clear: right;
}

div.armory div.character div.content div.charstats,
div.armory div.character div.content div.reputations {
  clear: left;
  float: left;
}

div.armory div.character div.content div.charstats div.stats {
  padding-bottom: 1em;
}

div.armory div.character div.content div.charstats div.stats > h2 {
  padding: 0 0 0.5em 0;
}

div.armory div.character div.content div.charstats div.stat {
  background: url(../img/trim_19.png) bottom left repeat-x;
  padding: 2px 4px 6px 4px;
}

div.armory div.character div.content div.charstats div.stat > label {
  position: relative;
  float: left;
  width: 20em;
}

div.armory div.character div.content div.professions > div.primary,
div.armory div.character div.content div.professions > div.secondary {
  padding-top: 1em;
}

div.armory div.character div.content div.professions > div.primary > h2,
div.armory div.character div.content div.professions > div.secondary > h2 {
  padding-bottom: 0.3em;
}

div.armory div.character div.content div.items > h2 {
  font-size: 1.5em;
  padding-bottom: 0.5em;
  text-align: right;
}

div.armory div.character div.content div.items > div.weapons,
div.armory div.character div.content div.items > div.major,
div.armory div.character div.content div.items > div.minor,
div.armory div.character div.content div.items > div.jewelry,
div.armory div.character div.content div.items > div.misc {
  padding-bottom: 0.5em;
  text-align: right;
}

div.armory div.character div.content div.reputations div.rep_category > h2 {
  background: url(../img/trim_19.png) bottom left repeat-x;
  padding: 1.25em 4px 6px 0.5em;
}

div.armory div.character div.content div.reputations div.rep_faction {
  position: relative;
  background: url(../img/trim_19.png) bottom left repeat-x;
  padding: 2px 4px 6px 4px;
}

div.armory div.character div.content div.reputations div.rep_faction > div.title {
  position: absolute;
  line-height: 16px;
}

div.armory div.character div.content div.reputations div.rep_faction > div.reputationbar {
  margin-left: 200px;
}

div.armory div.character div.content div.metainfo {
  clear: both;
  padding-top: 1em;
}

div.armory div.character div.content div.metainfo div.lastupdate {
  color: #bbb;
  font-style: italic;
  background: url(../img/trim_9.png) top left repeat-x #363636;
  padding: 6px 1em 4px 1em;
  text-align: right;
}

div.armory div.progressbar {
  position: relative;
  background: url('../img/poll_bg.png') top left no-repeat;
  width: 400px;
  line-height: 38px;
  padding-right: 1em;
}

div.armory div.progressbar > div.caption {
  position: absolute;
  top: 0;
  left: 0;
  width: 400px;
  text-align: center;
  line-height: 38px;
  color: #fff;
}

div.armory div.progressbar > div.filling {
  height: 38px;
  background: url('../img/poll_bg_gray.png') top left no-repeat;
}

div.armory div.progressbar.health > div.filling {
  background: url('../img/poll_bg_green.png') top left no-repeat;
}

div.armory div.progressbar.mana > div.filling {
  background: url('../img/poll_bg_blue.png') top left no-repeat;
}

div.armory div.progressbar.energy > div.filling {
  background: url('../img/poll_bg_yellow.png') top left no-repeat;
}

div.armory div.progressbar.rage > div.filling {
  background: url('../img/poll_bg_red.png') top left no-repeat;
}

div.armory div.progressbar.runicpower > div.filling {
  background: url('../img/poll_bg_gray.png') top left no-repeat;
}

div.armory div.progressbar > div.icon {
  position: absolute;
  top: 6px;
  left: 12px;
}

div.armory div.reputationbar {
  position: relative;
  border: 1px solid #000;
  background-color: #000;
  width: 200px;
  line-height: 16px;
}

div.armory div.reputationbar > div.caption {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  text-align: center;
  line-height: 16px;
  font-size: 12px;
  color: #fff;
}

div.armory div.reputationbar > div.filling {
  height: 16px;
  background-position: top left;
  background-repeat: repeat-x;
}

div.armory div.factionselect {
  padding: 8px 8px 11px 8px;
  text-align: right;
  background:transparent url(../img/trim_19.png) repeat-x scroll left bottom;
}

div.armory div.guildlist div.summary {
  padding: 0.5em 1.5em;
}

div.armory div.guildlist div.summary div.block {
  float: left;
  text-align: right;
  margin-right: 2em;
  margin-bottom: 2em;
  clear: none;
}

div.armory div.guildlist div.summary div.generic {
  width: 25em;
}

div.armory div.guildlist div.summary div.races {
  width: 15em;
}

div.armory div.guildlist div.summary div.classes {
  width: 15em;
}

div.armory div.guildlist div.summary div.professions {
  width: 19em;
}

div.armory div.guildlist div.summary div.block h2 {
  text-align: left;
  background:transparent url(../img/trim_19.png) repeat-x scroll left bottom;
  padding: 0 2px 4px 2px;
}

div.armory div.guildlist div.summary div.block dl {
  padding: 3px 5px 0 5px;
}

div.armory div.guildlist div.summary div.block dt,
div.armory div.guildlist div.summary div.block dd {
  line-height: 30px;
  vertical-align: middle;
}

div.armory div.guildlist div.summary div.block dt {
  float: left;
  padding: 0 3em 0 0.5em;
}

div.armory div.guildlist div.summary div.block dd {
  padding: 0 0.5em;
}