.container-magelo {
  width: 680px;
  margin: 0 auto;
}

/* ----------------------------------------------
          Search Window
------------------------------------------------- */

.searchbar {
  width: 600px;
}

.searchbar form {
  width: 100%;
}

.search-results {
  width: 100%;
}

.searchbar input[type="text"] {
  margin-right: 20px;
}

/* ----------------------------------------------
          Menu Window
------------------------------------------------- */

.menu {
  width: 200px;
  height: 425px;
  float: left;
}

div.button {
  width: 100%;
}

/* ----------------------------------------------
          Character Header Window
------------------------------------------------- */

.char {
  height: 87px;
  width: 96%;
}

/* ----------------------------------------------
          Inventory Window
------------------------------------------------- */

.all-inv {
  width: 670px;
  margin: 0 auto;
}

.worn-inv {
  width: 172px;
  height: 425px;
  float: right;
  position: relative;
  margin: 0 20px;
}

/* for item icons in inventory */
.Slot {
  height: 40px;
  width: 40px;
  border: 0px ;
  margin: 0;
  padding: 0;
  position: absolute;
  display: block;
}

/* ----------------------------------------------
          Bank Window
------------------------------------------------- */

/* ----------------------------------------------
          Bag Window
------------------------------------------------- */

.bags {
  width: 258px;
  height: 425px;
  float: right;
  position: relative;
}

.bags-bank {
  width: 100%;
  height: 180px;
  float: left;
  top: 0;
  position: relative;
}

.bags-inv {
  width: 90px;
  height: 235px;
  float: left;
  top: 0;
  position: relative;
}

.bags-viewer {
  width: 90px;
  height: 235px;
  float: left;
  top: 0;
  position: relative;
}

.bag {
  width: 90px;
  height: 235px;
  float: left;
  top: 0;
  position: relative;
  display: none;
}

/* ----------------------------------------------
          AAs and Flags Window
------------------------------------------------- */

.viewer {
  width: 100%;
  min-height: 700px;
  position: relative;
  margin: 0 auto;
}

#focuseffects, #worneffects, #skillmods {
  width: 100%;
  margin: 0 auto;
}

#aas, #stats, #flags, #skills {
  width: 350px;
  margin: 0 auto;
}

/* ----------------------------------------------
          Item Window
------------------------------------------------- */

.item {
  min-width: 300px;
  max-width: 415px;
  position: relative;
  margin: 0 auto;
}

.icon {
  float: left;
}

.text-right {
  text-align: right;
}

.skill_stat {
  color: #ccff33;
}

.pos_stat {
  color: #00ff00;
}

.neg_stat {
  color: #ff0000;
}

.heroic {
  color: #ffcc33;
}

.item-window-icon {
  padding: 10px;
}

.display-item td {
  border-bottom: 0;
  padding: 0px 5px;
}

table.display-item {
  margin-bottom: 0;
}

td.col1 {
  width: 32%;
}

td.col2 {
  width: 28%;
}

td.col3 {
  width: 40%;
}
/* ----------------------------------------------
         locations for bag slots
------------------------------------------------- */

.bagslotloc1 {
  top: 0px;
  left: 0px;
}
.bagslotloc2 {
  top: 0px;
  left: 43px;
}
.bagslotloc3 {
  top: 43px;
  left: 0px;
}
.bagslotloc4 {
  top: 43px;
  left: 43px;
}
.bagslotloc5 {
  top: 86px;
  left: 0px;
}
.bagslotloc6 {
  top: 86px;
  left: 43px;
}
.bagslotloc7 {
  top: 129px;
  left: 0px;
}
.bagslotloc8 {
  top: 129px;
  left: 43px;
}
.bagslotloc9 {
  top: 172px;
  left: 0px;
}
.bagslotloc10 {
  top: 172px;
  left: 43px;
}


/* ----------------------------------------------
         locations for inventory slots
------------------------------------------------- */

.slotloc1 {
  top: 0px;
  left: 0;
}
.slotloc2 {
  top: 0px;
  left: 43px;
}
.slotloc3 {
  top: 0px;
  left: 86px;
}
.slotloc4 {
  top: 0px;
  left: 129px;
}
.slotloc17 {
  top: 43px;
  left: 0;
}
.slotloc5 {
  top: 43px;
  left: 129px;
}
.slotloc7 {
  top: 86px;
  left: 0;
}
.slotloc8 {
  top: 86px;
  left: 129px;
}
.slotloc20 {
  top: 129px;
  left: 0;
}
.slotloc6 {
  top: 129px;
  left: 129px;
}
.slotloc9 {
  top: 172px;
  left: 0;
}
.slotloc10 {
  top: 172px;
  left: 129px;
}
.slotloc18 {
  top: 215px;
  left: 0;
}
.slotloc12 {
  top: 215px;
  left: 43px;
}
.slotloc0 {
  top: 215px;
  left: 86px;
}
.slotloc19 {
  top: 215px;
  left: 129px;
}
.slotloc15 {
  top: 258px;
  left: 43px;
}
.slotloc16 {
  top: 258px;
  left: 86px;
}
.slotloc13 {
  top: 301px;
  left: 0;
}
.slotloc14 {
  top: 301px;
  left: 43px;
}
.slotloc11 {
  top: 301px;
  left: 86px;
}
.slotloc21 {
  top: 301px;
  left: 129px;
}
.slotloc22 {
  top: 301px;
  left: 129px;
}
.slotloc23 {
  top: 0px;
  left: 0px;
}
.slotloc24 {
  top: 0px;
  left: 43px;
}
.slotloc25 {
  top: 43px;
  left: 0px;
}
.slotloc26 {
  top: 43px;
  left: 43px;
}
.slotloc27 {
  top: 86px;
  left: 0px;
}
.slotloc28 {
  top: 86px;
  left: 43px;
}
.slotloc29 {
  top: 129px;
  left: 0px;
}
.slotloc30 {
  top: 129px;
  left: 43px;
}
.slotloc31 {
  top: 172px;
  left: 0px;
}
.slotloc32 {
  top: 172px;
  left: 43px;
}
.slotloc2000 {
  top: 0;
  left: 0px;
}
.slotloc2001 {
  top: 43px;
  left: 0px;
}
.slotloc2002 {
  top: 86px;
  left: 0px;
}
.slotloc2003 {
  top: 129px;
  left: 0px;
}
.slotloc2004 {
  top: 0;
  left: 43px;
}
.slotloc2005 {
  top: 43px;
  left: 43px;
}
.slotloc2006 {
  top: 86px;
  left: 43px;
}
.slotloc2007 {
  top: 129px;
  left: 43px;
}
.slotloc2008 {
  top: 0;
  left: 86px;
}
.slotloc2009 {
  top: 43px;
  left: 86px;
}
.slotloc2010 {
  top: 86px;
  left: 86px;
}
.slotloc2011 {
  top: 129px;
  left: 86px;
}
.slotloc2012 {
  top: 0;
  left: 129px;
}
.slotloc2013 {
  top: 43px;
  left: 129px;
}
.slotloc2014 {
  top: 86px;
  left: 129px;
}
.slotloc2015 {
  top: 129px;
  left: 129px;
}
.slotloc2016 {
  top: 0;
  left: 172px;
}
.slotloc2017 {
  top: 43px;
  left: 172px;
}
.slotloc2018 {
  top: 86px;
  left: 172px;
}
.slotloc2019 {
  top: 129px;
  left: 172px;
}
.slotloc2020 {
  top: 0;
  left: 215px;
}
.slotloc2021 {
  top: 43px;
  left: 215px;
}
.slotloc2022 {
  top: 86px;
  left: 215px;
}
.slotloc2023 {
  top: 129px;
  left: 215px;
}

/* ----------------------------------------------
         inventory slot images
------------------------------------------------- */
.slotimage0 {
  background-image: url(../images/slots/slot_0.gif);
}
.slotimage1 {
  background-image: url(../images/slots/slot_1.gif);
}
.slotimage2 {
  background-image: url(../images/slots/slot_2.gif);
}
.slotimage3 {
  background-image: url(../images/slots/slot_3.gif);
}
.slotimage4 {
  background-image: url(../images/slots/slot_4.gif);
}
.slotimage5 {
  background-image: url(../images/slots/slot_5.gif);
}
.slotimage6 {
  background-image: url(../images/slots/slot_6.gif);
}
.slotimage7 {
  background-image: url(../images/slots/slot_7.gif);
}
.slotimage8 {
  background-image: url(../images/slots/slot_8.gif);
}
.slotimage9 {
  background-image: url(../images/slots/slot_9.gif);
}
.slotimage10 {
  background-image: url(../images/slots/slot_10.gif);
}
.slotimage11 {
  background-image: url(../images/slots/slot_11.gif);
}
.slotimage12 {
  background-image: url(../images/slots/slot_12.gif);
}
.slotimage13 {
  background-image: url(../images/slots/slot_13.gif);
}
.slotimage14 {
  background-image: url(../images/slots/slot_14.gif);
}
.slotimage15 {
  background-image: url(../images/slots/slot_15.gif);
}
.slotimage16 {
  background-image: url(../images/slots/slot_16.gif);
}
.slotimage17 {
  background-image: url(../images/slots/slot_17.gif);
}
.slotimage18 {
  background-image: url(../images/slots/slot_18.gif);
}
.slotimage19 {
  background-image: url(../images/slots/slot_19.gif);
}
.slotimage20 {
  background-image: url(../images/slots/slot_20.gif);
}
.slotimage21 {
  background-image: url(../images/slots/slot_21.gif);
}
.slotimage {
  background-image: url(../images/slots/slot_.gif);
}