.sprite {
    /*border:1px dashed yellow !important; */
    /*background-color:red !important;
    background-image: none!important;*/
    z-index: 1;
}
/**
* Object player
*/
.player {
    width:32px;
    height:60px;
    position:absolute;
    background-position: center center;
    background-image : url('images/player_type_1.png');
    background-size: 100%;
    background-repeat:  no-repeat;
}

.player.sprite {
  /*  background: green !important; */
}

.player.player-moving-left {
    background-image : url('images/player_type_1_left.png');
}

.player.player-moving-right {
    background-image : url('images/player_type_1_right.png');
}

/**
* PickUp box
*/
.drop-item-small {

    background:no-repeat;
}
.drop-item-small.pickup-box {
    background-image : url('images/drops/powerup.png');
}

.drop-item-small.pickup-box.sprite {
 /*   background: yellow !important; */
}

/* HP */
.drop-item-small.pickup-hp {
    background-image : url('images/drops/hp.png');

}
.drop-item-small.pickup-hp.sprite {
 /*   background: red !important;*/
}


/* Ammo */
.drop-item-small.pickup-ammo {
    background-image : url('images/drops/ammo.png');

}

/* Bomb */
.drop-item-small.pickup-bomb {
    background-image : url('images/drops/bomb.png');
}


.drop-item-small.pickup-ammo.sprite {
 /*   background: green !important; */
}


/**
* Astereoids
*/
.astereoid {
    height: 50px;
    width: 50px;
    background-size:cover;
}
.astereoid.sprite {
  /*  background: gray !important;*/
}

.astereoid.basic {
    background-image : url('images/astereoid/f_s.png');
}

.astereoid.lava {
    background-image : url('images/astereoid/a_xl.png');
}

.astereoid.basic {
    background-image : url('images/astereoid/a_l.png');
}

/**
**/
.enemy {
  /*  background:red; */
  background-size:cover;
}

/* Basic enemy Invader */
.enemy.basic-invader {
    background-image : url('images/enemy/invader.png');
}

/* enemy Scout */
.enemy.basic-scout {
    background-image : url('images/enemy/scout.png');
}

/* enemy Fyl */
.enemy.basic-fly {
    background-image : url('images/enemy/fly.png');
}

/* enemy spreader */
.enemy.basic-spreader {

    background-image : url('images/enemy/spreader.png');
}


/* enemy spreader */
.enemy.basic-mine {

    background-image : url('images/enemy/mine.png');
}

/* enemy spreader */
.enemy.basic-mine-active {

    background-image : url('images/enemy/mine_active.png');
}

/* enemy boss1 */
.enemy.boss1 {
    background-size:cover;
    background-image : url('images/boss/type_1.png');
}

.enemy.battlecruser {
    background-size:cover;
    background-image : url('images/boss/battlecruser.gif');
}

/**
* Guns and muzzles
*/
.muzzle.gun {
    background-image : url('images/muzzle/pulse-gun.png');

}

/** stage items */
.stage {
   z-index: -10;
   position:absolute;
   background-position: center center;
   background-size: 100%;
   background-repeat:  no-repeat;
/*   border:1px solid red;*/
}

.stage.nebula-a {
    background-image : url('images/stage/Nebula1.png');
}

.stage.nebula-b {
    background-image : url('images/stage/Nebula2.png');
}

.stage.nebula-c {
    background-image : url('images/stage/Nebula3.png');
}

.stage.planet1 {
    background-image : url('images/stage/planet1.png');
}

.stage.planet2 {
    background-image : url('images/stage/planet06.png');
}

.stage.stars {
    background-image : url('images/stage/Stars.png');
}

.stage.shipskin {
    background-repeat: repeat;
    background-size: 100px;
    background-image : url('images/stage/shipskin.jpg');
}
.bullet.denier {

    background:transparent url('images/bullets/denier.png')  top center no-repeat;
    background-size: contain;
}


.bullet.spreader {
    background:transparent url('images/spread-gun.png')  center center no-repeat;
}

.bullet.fire {
    background:transparent url('images/fire1.gif')  bottom no-repeat;
    background-size:contain;
}

.bullet.rocket {
    background:white;
}

.target-lock {
    background:transparent url('images/bullets/target_lock.png')  center center no-repeat;
}

.fx {
    background-size:cover;
}
.fx.ship-explosion {
    background-image : url('images/exp_1.gif');
}

.fx.blast-blue {
    background-image : url('images/explosion_dark.gif');
}

.fx.blast-default {
    background-image : url('images/explosion.gif');
}

.fx.particle {
    background-image : url('images/fire.png');
    opacity: 1;
    border-radius: 50%;
}

.debrie {
    border-radius: 50%;
}
.speech-bubble {
    position: relative;
    background: #c0c0c0;
    border-radius: .4em;
}

.chat-bubble {
    background: #FFF !important;
    height: auto!important;
    padding: 15px 5px;
    border: 1px solid #000;

    color: #000;
    font-size: 14px;
    border-radius: 10px;
}

.chat-bubble.left:after {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    width: 0;
    height: 0;
    border: 40px solid transparent;
    border-right-color: #FFF;
    border-left: 0;
    border-bottom: 0;
    margin-top: -20px;
    margin-left: -30px;
}

.chat-bubble.right:after {
    content: '';
	position: absolute;
	right: 0;
	top: 50%;
	width: 0;
	height: 0;
	border: 40px solid transparent;
	border-left-color: #FFF;
	border-right: 0;
	border-bottom: 0;
	margin-top: -20px;
	margin-right: -30px;
}

.hpBar {

}
.enemy-hpBar {
    font-size:10;
    color:yellow;
    position:relative;
}

.enemy-hpBar .hp-text {
    font-size:10;
    color:yellow;
    position:absolute;
    top:-12px;
    left: 0;
}
/*
.speech-bubble {
	position: relative;
	background: #c0c0c0;
	border-radius: .4em;
}

.speech-bubble:after {
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	width: 0;
	height: 0;
	border: 40px solid transparent;
	border-right-color: #c0c0c0;
	border-left: 0;
	border-bottom: 0;
	margin-top: -20px;
	margin-left: -40px;
}
*/