.creatureBar {
	border: 1px black solid;
	border-radius: 7px;
	height: 15px;
	width: 100px;
}
.creatureBar::-webkit-meter-bar {
	border: 1px black solid;
	border-radius: 7px;
	height: 15px;
	width: 100px;
}
.creatureBar::-moz-meter-bar {
	border-radius: 7px;
	height: 15px;
	width: 100px;
}



.creatureBarMini {
	border: 1px black solid;
	border-radius: 2px;
	height: 5px;
	width: 50px;
}
.creatureBarMini::-webkit-meter-bar {
	border: 1px black solid;
	border-radius: 2px;
	height: 5px;
	width: 50px;
}
.creatureBarMini::-moz-meter-bar {
	border-radius: 2px;
	height: 5px;
	width: 50px;
}



.healthBar::-webkit-meter-optimum-value {
	background: linear-gradient(to bottom, #FFFFFF, #FF0000);
}
.healthBar:-moz-meter-optimum::-moz-meter-bar {
	background: linear-gradient(to bottom, #FFFFFF, #FF0000);
}

.healthBar::-webkit-meter-suboptimum-value {
	background: linear-gradient(to bottom, #FFCCCC, #CC0000);
}
.healthBar:-moz-meter-sub-optimum::-moz-meter-bar {
	background: linear-gradient(to bottom, #FFCCCC, #CC0000);
}

.healthBar::-webkit-meter-even-less-good-value {
	background: linear-gradient(to bottom, #FF9999, #990000);
}
.healthBar:-moz-meter-sub-sub-optimum::-moz-meter-bar {
	background: linear-gradient(to bottom, #FF9999, #990000);
}



.magicBarrierBar::-webkit-meter-optimum-value {
	background: linear-gradient(to bottom, #FFFFFF, #0000FF);
}
.magicBarrierBar:-moz-meter-optimum::-moz-meter-bar {
	background: linear-gradient(to bottom, #FFFFFF, #0000FF);
}

.magicBarrierBar::-webkit-meter-suboptimum-value {
	background: linear-gradient(to bottom, #CCCCFF, #0000CC);
}
.magicBarrierBar:-moz-meter-sub-optimum::-moz-meter-bar {
	background: linear-gradient(to bottom, #CCCCFF, #0000CC);
}

.magicBarrierBar::-webkit-meter-even-less-good-value {
	background: linear-gradient(to bottom, #9999FF, #000099);
}
.magicBarrierBar:-moz-meter-sub-sub-optimum::-moz-meter-bar {
	background: linear-gradient(to bottom, #9999FF, #000099);
}