h3{
  margin-left:12px;
}

input{
  border-width:0px;
  background-color:inherit;
}

input:hover{
  background-color:#d0d0d0;
}

input[type=button]{
  cursor:pointer;
}

#background{
  cursor:pointer;
  height:96px;
  width:96px;
}

#background:hover{
  opacity: 0.5;
}

div.stageContainter{
  background-color:#d0d0d0;
  overflow-x:auto;
  overflow-y:hidden;
}

div.monEntry{
  background-color:#e0e0e0;
  float:left;
  height: 260px;
  width:200px;
  margin:4px;
  border-style:solid;
  border-width:2px;
  border-color:#c0c0c0;
  border-radius:4px;
}

div.monAdd{
  cursor:pointer;
  text-align:center;
  font-size: 40px;
  color:#888;
  float:left;
  padding-top:30px;
  height: 90px;
  width:120px;
  margin:4px;
  border-style:solid;
  border-width:2px;
  border-color:#c0c0c0;
  border-radius:4px;
}

div.monAdd:hover{
  background-color:#c0c0c0;
}

div.evolutionContainer{
  background-color:#f0f0f0;
  height:120px;
  overflow-y:scroll;
  margin:4px;
}

div.evoAdd{
  cursor:pointer;
  background-color:#e0e0e0;
  text-align:center;
  font-size: 40px;
  color:#888;
  margin:4px;
  border-style:solid;
  border-width:2px;
  border-color:#d0d0d0;
  border-radius:2px;
}

div.evoAdd:hover{
  background-color:#d0d0d0;
}

div.evoCon{
  background-color:#f0f0f0;
  margin:4px;
  border-style:solid;
  border-width:2px;
  border-color:#e0e0e0;
  border-radius:2px;
}

input.stageButton{
  margin-bottom:0px;
  border-radius:2px 2px 0px 0px;
  border-width:1px 1px 0px 1px;
}

input.cancelButton{
  position:absolute;
  right:0px;
}

input.colourInput{
  border-width:0px;
  margin-left:8px;
}

canvas.profileImage{
  float:left;
  cursor:pointer;
  image-rendering:pixelated;
  width:64px;
  height:64px;
  margin:8px;
  padding:2px;
  border:solid #c0c0c0 2px;
  border-radius:2px;
}

canvas.profileImage:hover{
  background-color:#b0b0b0;
  border-color:#a0a0a0;
}