canvas {cursor: none;}
body{background-color:#404040;}
.Water{background-color: #0180CA;height:10px;width:10px;}
.Ground{background-color: #655619;height:10px;width:10px;}
.Wind{background-color: #00FF00;height:10px;width:10px;}
.Fire{background-color: #CA0F01;height:10px;width:10px;}
.fire { display: inline-block;width: 20px; height: 20px; background-position: 0px 0px; }
.rock { display: inline-block;width: 20px; height: 20px; background-position: -20px 0px; }
.water { display: inline-block;width: 20px; height: 20px; background-position: -40px 0px; }
.wind { display: inline-block;width: 20px; height: 20px; background-position: -60px 0px; }
.center{margin-top:1%;margin-left:5%;}
.elements{text-align: center;}
.maincanvas{float:left;width:1200px; height:400px;}
.progresscanvas{border:solid 1px;float:left; width:25px; height:428px;}
.top{border:solid 1px;background-color:#4CC3D9;text-align: center;float:left;width:1200px; height:25px;}
.elements > div{color:white;}
.controls{width:80%;color:white;}
#current{display: inline-block;}
.name{padding-left:4%;}
.spriteElements { background-image: url('../resources/img/sprite_elements.png'); background-color: transparent; background-repeat: no-repeat; height:20px;}
#elementRules tr td{width:100px;}