/* General */

* {
    font-family: Arial, Helvetica, sans-serif;
}

* {
    box-sizing: border-box;
}

a, img {
	border: 0;
	outline: none;
}

body {
    margin: 0 auto;
    max-width: 800px;
    padding: 10px;
}

.child, .hiddenDiv {
   display: none;
}

html {
    min-height: 100%;
}

table {
    border-collapse: collapse;
}

td {
    min-width: 100px;
    text-align: center;
}

/* Bestiary */


.monsterentry .monstertrophies .trophy span.trophylabel {
    font-weight: bold;
}


.monsterentry .monstertrophies .trophy {
    text-align: left;
    width: 200px;
    max-width: 200%;
}

.monsterentry .monsterimage {
    max-width: 150px;
    max-height: 150px;
}

.monsterentry .monsterimage .monsterimagefile {
    max-width: 150px;
    max-height: 150px;
}


/* Rarity Colors */

.Epic {
    color: purple;
}

.Rare {
    color: blue;
}

.Uncommon {
    color: green;
}

/* Special Faces */
.daer {
  background-image: url(/ex/faces/Face_836.png), url(/ex/facebgs/facebg_836.jpg);
  background-size: contain, contain;
  display: inline-block;
  float: left;
  height: 32px;
  vertical-align: top;
  width: 32px;
}

.kael {
  background-image: url(/ex/faces/Face_835.png), url(/ex/facebgs/facebg_16.jpg);
  background-size: contain, contain;
  display: inline-block;
  float: left;
  height: 32px;
  vertical-align: top;
  width: 32px;
}

.malc {
  background-image: url(/ex/faces/Face_143.png), url(/ex/facebgs/facebg_54.jpg);
  background-size: contain, contain;
  display: inline-block;
  float: left;
  height: 32px;
  vertical-align: top;
  width: 32px;
}


/* Ads */
.amazonad {
    max-width: 100%;
    overflow-x: hidden;
    text-align: center;
    width: 100%;
}


.showButton {
    margin-top: 1em;
}

.hiddenDiv {
    border: 4px outset gray;
    border-top: none;
    
    margin-bottom: 10px;
    padding: 8px;
}

/* Zone links */
.zone {
    text-decoration: underline;
    cursor: pointer;
}

.zoneChecked {
    text-decoration: line-through;
    cursor: pointer;
    color: red;
}

.zoneChecked a {
    color: red;
}