background-image: url(/images/bg.jpg);

body, table, input, textarea, select { font: 16px Verdana; }

    

    body {

    

    max-width: 500px;

        

        margin: 0px auto;

      

    

    background: #1C1C1C; 

      color: #ffffff;



    }

    a {

    

      color: #fd6;

        

    }



    input, textarea, select {



    background: #363636;



         color: #ffffff;



      border: 1px solid #ccc;





        padding: 2px 0px 2px 0px;





    margin: 5px 0px 5px 0px;



    }

    

    select {

    

      border: 0;

    

    }

    

.button{margin:1px;background-image:url(http://213.239.195.28/xaos/style2/btn.png);border:1px solid #131313;color:white;text-align:center;text-decoration:none;display:inline-block;height:20px;padding:2px;padding-left:6px;padding-right:6px;border-radius:3px;font-size:15px}

.button:hover {background-image:url(http://213.239.195.28/xaos/style2/btn2.png);}

        

    .h {

    

    background: #101010;



        text-align: center;



    padding: 5px 0px 5px 0px;



    }

    

    .title {



    background: #202020;



      color: #ff9;



        text-align: center;



    padding: 5px 0px 5px 0px;

    

    }

    

    .content {

    

    background: #202020;

    

        padding: 5px 5px 5px 5px;

    

    }

    

    .line {

    

    background: #393939;



        height: 2px;

    

    }

    

    .separator{

    

      border-top: 1px solid #202020;

      

   border-bottom: 1px solid #393939;



     border-left: 0;



    border-right: 0;

        

    margin: 5px 25% 5px 25%;

    

    }

    

.list, .menu

{

    

  list-style: none;

    

}



.list li

{



  background: #202020;

    

  border-bottom: 1px dotted #404040;



}



.list li a

{



  display: block;



  padding: 6px 5px 5px 5px;



}

    

    .list li.no_b {

    

      border: 0;

    

    }



.list li:hover {
   
}

.hero-profile {
  text-align: center;
  padding-top: 4px;
}

.hero-summary {
  margin-bottom: 6px;
}

.hero-layout-table {
  width: 300px;
  max-width: 100%;
  margin: 0 auto;
  table-layout: fixed;
}

.hero-slot {
  width: 54px;
  margin: 0 auto 5px auto;
  text-align: center;
}

.hero-slot-box {
  width: 50px;
  height: 50px;
  margin: 0 auto;
  border: 1px solid #1bc13a;
  background: #101010;
  display: block;
  line-height: 50px;
  text-align: center;
  overflow: hidden;
}

.hero-slot-box img {
  max-width: 50px;
  max-height: 50px;
  vertical-align: middle;
}

.hero-slot-empty {
  color: #30e050;
  font-weight: bold;
  text-decoration: none;
}

.hero-slot-state {
  color: #30e050;
  font-size: 11px;
  line-height: 12px;
}

.hero-maneken img {
  max-width: 130px;
  height: auto;
  border: 1px solid #8a6a35;
  background: #101010;
}

.hero-side-cell {
  width: 58px;
}

.hero-maneken-cell {
  width: 150px;
  text-align: center;
}


    .transparent75 {

filter : alpha( Opacity= 75) ;

opacity: 0.5 ;



}

    .list li a, .menu li a {

    

        text-decoration: none;

    

    }

    

    .menu li {

    

    background: #202020;

    

        padding: 5px 5px 5px 5px;

    

    border-bottom: 1px dotted #404040;

    

    }

    

    .menu li.no_b {

    

      border: 0;

    

    }

    

    .block {

    

    background: #333333;

    

      text-align: center;

    

        border: 2px solid #404040;

    

    padding: 5px 5px 5px 5px;

    

    }



    .f {

    

    background: #101010;



      padding: 5px 5px 5px 5px;



    }



a.button

{



text-decoration: none; font-size: 15px;



}



.max-line

{



  border-bottom: 1px solid #505050;

  border-top:    1px solid #707070;



}

.menu_link {padding:6px;display:block;background:url(http://213.239.195.28/xaos/style/bg3.jpg);color:khaki;text-decoration:none;border-bottom:1px solid #171717;text-shadow: 1px 1px 1px black;background-color:#232323}

.menu_link:hover {background:url(http://213.239.195.28/xaos/style/bg2.jpg);background-color:#282828}

.menu_link2 {padding:6px;display:block;background:url(http://213.239.195.28/xaos/style/bg2.jpg);color:#a5a5a5;text-decoration:none;text-shadow: 1px 1px 1px black;}

.menu_link2:hover {color:#a5a5a5;}

.pet-intro {
  color: #9ed7ff;
  text-align: center;
  padding: 4px 5px;
}

.pet-cover {
  padding: 4px 5px;
  text-align: center;
}

.pet-cover img {
  width: 100%;
  max-width: 490px;
  height: auto;
  border: 1px solid #8a6a35;
  display: block;
  margin: 0 auto;
}

.pet-section-title {
  color: #9ed7ff;
}

.pet-list .pet-row {
  min-height: 78px;
  padding: 8px 6px;
  position: relative;
  overflow: hidden;
}

.pet-icon {
  float: left;
  width: 50px;
  height: 50px;
  object-fit: cover;
  border: 1px solid #605040;
  margin-right: 7px;
  background: #111;
}

.pet-info {
  min-height: 54px;
  padding-right: 112px;
  line-height: 19px;
}

.pet-actions {
  position: absolute;
  right: 6px;
  bottom: 8px;
}

.pet-actions a.button,
.pet-detail-actions a.button {
  display: inline-block;
  padding: 2px 12px;
}

.pet-detail {
  overflow: hidden;
}

.pet-detail-img {
  float: left;
  width: 74px;
  height: 74px;
  object-fit: cover;
  border: 1px solid #605040;
  margin: 0 8px 6px 0;
  background: #111;
}

.pet-detail-info {
  line-height: 20px;
}

.pet-detail-actions {
  clear: both;
  text-align: center;
  padding-top: 6px;
}

.pet-note {
  color: #ffa000;
  font-size: 13px;
  line-height: 16px;
}

.relic-intro {
  color: #9ed7ff;
}

.relic-list .relic-row {
  min-height: 70px;
  padding: 8px 6px;
  position: relative;
  overflow: hidden;
}

.relic-icon {
  float: left;
  width: 50px;
  height: 50px;
  object-fit: cover;
  border: 1px solid #605040;
  margin-right: 7px;
  background: #111;
}

.relic-info {
  min-height: 54px;
  padding-right: 112px;
  line-height: 19px;
}

.relic-actions-row {
  position: absolute;
  right: 6px;
  bottom: 8px;
}

.relic-actions-row a.button,
.relic-actions a.button {
  display: inline-block;
  padding: 2px 12px;
}

.relic-detail {
  overflow: hidden;
  line-height: 20px;
}

.relic-detail-img {
  float: left;
  width: 58px;
  height: 58px;
  object-fit: cover;
  border: 1px solid #605040;
  margin: 0 8px 6px 0;
  background: #111;
}

.relic-actions {
  clear: both;
  text-align: center;
  padding-top: 6px;
}

.adm-tabs {
  background: #202020;
  padding: 5px;
  text-align: center;
}

.adm-tabs .button {
  margin: 2px;
}

.adm-note {
  color: #c9e0ff;
}

.adm-danger {
  border-left: 3px solid #c06060;
}