#headerFrame {
  width: 725px;
}

#contentFrame {
  width: 725px;
}

#button {
  margin: 1px;
  height:18px;
  background-color: #345;
  border: 1px outset #123;
  text-align: center;
  padding: 0px 15px;
  display: inline-block;
  color: #CCC;
}

#button:hover {
  background-color: #456;
  border: 1px outset #234;
  cursor: pointer;
  color: #FFF;
}

#button:active {
  border: 1px inset #234;
}

.guildHead {
  border: 2px solid #456;
  background-color: #011223;
  color: #CEE;
  width: 711px;
  font-size: large;
  border-radius: 12px;
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
  padding: 3px;
  margin: 10px 0px 5px 0px;
  text-align: center;
}

.guildBlank {
  width: 107px;
  border: 2px solid transparent;
  display: inline-block;
  margin: 2px 0px;
  border-radius: 12px;
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
  padding: 3px;
  color: #CEE;
}

.guildType {
  width: 107px;
  border: 2px solid #456;
  background-color: #011223;
  display: inline-block;
  text-align: center;
  margin: 2px 0px;
  border-radius: 12px;
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
  padding: 3px;
  color: #CEE;
}

.guildItem {
  background-color: #233445;
  display: inline-block;
  margin: 2px 0px;
  border-radius: 12px;
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
  color: #999;
}

.darkener:hover {
  border: 2px solid #678;
  background-image: url(/xlib/img/darken_pixel.png);
  color: #FFF;
}

.darkener {
  width: 107px;
  border: 2px solid #456;
  border-radius: 12px;
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
  color: #999;
  padding: 3px;
  background-image: none;
}

.guildItem:hover div.guildName {
  color: #FFF;
}

.guildBgs {
  margin-left: -4px;
  width: 20px;
  height: 18px;
  text-align: right;
  display: inline-block;
  font-size: x-small;
}

.guildNick {
  padding-top: 4px;
  height: 13px;
  text-align: center;
  width: 107px;
  display: inline-block;
  font-size: x-small;
}

.guildName {
  width: 131px;
  height: 45px;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  color: transparent;
}


/***************************************************************************
 *  Default guild style
 */
 
.guildInfoHead {
  width: 360px;
  border: 1px solid #456;
  background-color: #011223;
  margin-left: auto;
  margin-right: auto;
  padding: 3px;
}

.guildInfoMisc {
  width: 185px;
  border: 1px solid #456;
  display: inline-block;
  padding: 3px;
  background-color: #122334;
  margin-top: 5px;
}

.guildInfoCrea {
  width: 318px;
  border: 1px solid #456;
  display: inline-block;
  padding: 3px;
  background-color: #122334;
  margin-top: 5px;
}

.guildInfoDesc {
  width: 710px;
  background-color: #122334;
  border: 1px solid #456;
  margin-top: 5px;
  padding: 5px;
}

.guildInfoDesc p {
  text-indent: 40px;
  margin: 0px 0px 10px 0px;
}

.guildInfoJoin {
  display: inline-block;
  border: 1px solid #456;
  background-color: #122334;
  padding: 3px 5px;
  margin-top: 5px;
}

.thin { width: 347px; }
.wide { width: 710px; }

.guildStatsHead {
  display: inline-block;
  width: 300px;
  padding: 0px 3px;
  border: 1px solid #234;
  margin-left: 13px;
  background-color: #123;
}

.guildStatsBlock {
  width: 341px;
  display: inline-block;
  border: 1px solid #456;
  vertical-align: top;
  margin: 5px;
  padding: 3px;
  background-color: #011223;
}

fieldset {
  border: 2px solid #456;
  border-width: 2px 0px 2px 0px;
  margin: 10px 0px 0px 0px;
  border-radius: 12px;
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
}

legend {
  color: #CEE;
  border: 2px solid #456;
  padding: 0px 4px;
  background-color: #123;
  border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
}

.toplink {
  width: 325px;
  text-align: right;
}

.guildControls {
  width: 710px;
  border: 1px solid #567;
  padding: 3px 5px;
  background-color: #234;
  margin: 10px 0px 5px 0px;
}

hr { color: #456; border-color: #456; border-width: 1px 0px 0px 0px; }
.spacer { width: 250px; display: inline-block; }
.bold { font-weight: bold; }
.bright { color: #CEE; }
.inline { display: inline-block; }
.center { text-align: center; }
.right { text-align: right; }
.left { text-align: left; }
.underline { text-decoration: underline; }
.light { color: #AA7; }
.altop { vertical-align: top; }
.rounded {
  border-radius: 12px;
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
}

.percBox {
  display: inline-block;
  width: 16px;
  height: 16px;
  padding: 0px;
  text-align: center;
  border: 1px solid #456;
  border-width: 0px 1px 1px 0px;
  font-size: x-small;
}

.firstPercBox {
  display: inline-block;
  border-width: 0px 1px 1px 1px;
}

.lastPercRow {
  display: inline-block;
  border-bottom-width: 1px;
}

.skspName {
  display: inline-block;
  width: 130px;
  padding: 0px;
  height: 16px;
  font-size: x-small;
  border: 1px solid #456;
  border-width: 0px 0px 1px 0px;
}

.topmar {
  margin-top: 20px;
}

/***************************************************************************
 *  Race background images
 */

#Barsoomian { background: url(http://www.bat.org/ci/barsoomian_male_web_S.jpg); }
#Brownie { background: url(http://www.bat.org/ci/brownie_male_web_S.jpg); }
#Catfolk { background: url(http://www.bat.org/ci/catfolk_female_web_S.jpg); }
#Centaur { background: url(http://www.bat.org/ci/centaur_male_web_S.jpg); }
#Cromagnon { background: url(http://www.bat.org/ci/cromagnon_male_web_S.jpg); }
#Cyclops { background: url(http://www.bat.org/ci/cyclops_male_web_S.jpg); }
#Demon { background: url(http://www.bat.org/ci/demon_male_web_S.jpg); }
#Doppelganger { background: url(http://www.bat.org/ci/doppelganger_male_web_S.jpg); }
#Draconian { background: url(http://www.bat.org/ci/draconian_male_web_S.jpg); }
#Drow { background: url(http://www.bat.org/ci/drow_male_web_S.jpg); }
#Duck { background: url(http://www.bat.org/ci/duck_male_web_S.jpg); }
#Duergar { background: url(http://www.bat.org/ci/duergar_male_web_S.jpg); }
#Dwarf { background: url(http://www.bat.org/ci/dwarf_male_web_S.jpg); }
#Elf { background: url(http://www.bat.org/ci/elf_male_web_S.jpg); }
#Ent { background: url(http://www.bat.org/ci/ent_male_web_S.jpg); }
#Gargoyle { background: url(http://www.bat.org/ci/gargoyle_male_web_S.jpg); }
#Giant { background: url(http://www.bat.org/ci/giant_male_web_S.jpg); }
#Gnoll { background: url(http://www.bat.org/ci/gnoll_male_web_S.jpg); }
#Gnome { background: url(http://www.bat.org/ci/gnome_female_web_S.jpg); }
#Hobbit { background: url(http://www.bat.org/ci/hobbit_male_web_S.jpg); }
#Human { background: url(http://www.bat.org/ci/human_male_web_S.jpg); }
#Kobold { background: url(http://www.bat.org/ci/kobold_male_web_S.jpg); }
#Leech { background: url(http://www.bat.org/ci/leech_web_S.jpg); }
#Leprechaun { background: url(http://www.bat.org/ci/leprechaun_male_web_S.jpg); }
#Lich { background: url(http://www.bat.org/ci/lich_female_web_S.jpg); }
#Lizardman { background: url(http://www.bat.org/ci/lizardman_male_web_S.jpg); }
#Merfolk { background: url(http://www.bat.org/ci/merfolk_female_web_S.jpg); }
#Minotaur { background: url(http://www.bat.org/ci/minotaur_male_web_S.jpg); }
#Moomin { background: url(http://www.bat.org/ci/moomin_male_web_S.jpg); }
#Ogre { background: url(http://www.bat.org/ci/ogre_male_web_S.jpg); }
#Orc { background: url(http://www.bat.org/ci/orc_male_web_S.jpg); }
#Penguin { background: url(http://www.bat.org/ci/penguin_female_web_S.jpg); }
#Satyr { background: url(http://www.bat.org/ci/satyr_male_web_S.jpg); }
#Shadow { background: url(http://www.bat.org/ci/shadow_web_S.jpg); }
#Skeleton { background: url(http://www.bat.org/ci/skeleton_male_web_S.jpg); }
#Sprite { background: url(http://www.bat.org/ci/sprite_female_web_S.jpg); }
#Thrikhren { background: url(http://www.bat.org/ci/thrikhren_male_web_S.jpg); }
#Tinmen { background: url(http://www.bat.org/ci/tinmen_male_web_S.jpg); }
#Titan { background: url(http://www.bat.org/ci/titan_male_web_S.jpg); }
#Troll { background: url(http://www.bat.org/ci/troll_male_web_S.jpg); }
#Valar { background: url(http://www.bat.org/ci/valar_male_web_S.jpg); }
#Vampire { background: url(http://www.bat.org/ci/vampire_male_web_S.jpg); }
#Wolfmen { background: url(http://www.bat.org/ci/wolfman_female_web_S.jpg); }
#Zombie { background: url(http://www.bat.org/ci/zombie_female_web_S.jpg); }