.effective {
	background-color: #BBBBBB
}

.very_effective {
	background-color: #77FF77
}

.not_effective {
	background-color: #FF7777
}

.immunity {
	background-color: #777777
}

.multiplicator {
	border:5px solid black

}



td {
	text-align: center;
	width:60px;
}




.image_thumbnails {
	width:70px;
	height:50px;
}

.image_thumbnails2 {
	width:70px;
	height:50px;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0.5s linear;
  position:absolute;
}

.image_thumbnails:hover + .image_thumbnails2 {
 overflow: visible;
  transform: translate(150px,0px) scale(5);
  visibility: visible;
  opacity: 1;
    z-index: 99;
}



table {
    border-spacing: 0;
    border-collapse: collapse;
    overflow: hidden;
    z-index: 1;
	
}

td, th, .column_type_header, .column_type {
    cursor: default;
    padding: 5px;
    position: relative;
}

th {
	font-size:20px;
	font-weight:Bold;
	font-family:Open Sans,"sans-serif",sans-serif;
	border: 2px solid black;
	
}

td {
	font-weight:Bold;
	font-family:Open Sans,"sans-serif",sans-serif;
	border: 2px solid black;
}

.rows_header {
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  width: 1.5em;
}


.rows_header div {
	width:25px;
  transform: rotate(-90deg);


  /* Legacy vendor prefixes that you probably don't need... */

  /* Safari */
  -webkit-transform: rotate(-90deg);

  /* Firefox */
  -moz-transform: rotate(-90deg);

  /* IE */
  -ms-transform: rotate(-90deg);

  /* Opera */
  -o-transform: rotate(-90deg);

  /* Internet Explorer */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

.card_type_header {
	width:200px;
}

.card_name_row {
	text-align:center;
}