/* CSS Document */
body {
    margin-top: 0px;
    margin-left: 0px;
    background-color: #000;
    /*width: 320px;
    height: 420px;*/
}

img { border: 0px; }

#enchant-stage {
    /*background-color: #222;*/
    background-color: #ccc;
    margin-left: -160px;
    left: 50%; 
}

.txtload{
     margin-top: 10px;
     font-size: 30px;
     font-weight: bold;
     font-family: "Courier New", Courier, monospace;
     color: #FFF;
     cursor: default;
     border: medium;	
}

.txtbonus{
  font-size:12px;
  font-weight:bold;
  font-family:"Courier New", Courier, monospace;
  color:#009;
  cursor:default; 
  border:medium;
  text-align:center;  
}

.txtscore{
     margin-top: 0px;
     text-align: center;
     font-size: 24px;
     font-weight: bold;
     font-family: "Courier New", Courier, monospace;
     color: #009;
     cursor: default;
     border: medium;  
}

.txtscore2{
     margin-top: 0px;
     text-align: center;
     font-size: 24px;
     font-weight: bold;
     font-family: "Courier New", Courier, monospace;
     color: #009;
     cursor: default;
     border: medium;  
}


.fadein{

  -webkit-animation-name: fadeshow;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-direction: normal;
  -webkit-animation-duration: 1s;
  -webkit-animation-delay: 0s;


  -moz-animation-name: fadeshow;
  -moz-animation-iteration-count: 1;
  -moz-animation-direction: normal;
  -moz-animation-duration: 1s;
  -moz-animation-delay: 0s;
}

.fadeout{
  -webkit-animation-name: fadehide;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-direction: normal;
  -webkit-animation-duration: 1s;
  -webkit-animation-delay: 0s;

  -moz-animation-name: fadehide;
  -moz-animation-iteration-count: 1;
  -moz-animation-direction: normal;
  -moz-animation-duration: 1s;
  -moz-animation-delay: 0s;
}

.moveup{
  -webkit-animation-name: upmove;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-direction: normal;
  -webkit-animation-duration: 0.5s;
  -webkit-animation-delay: 0s;


  -moz-animation-name: upmove;
  -moz-animation-iteration-count: 1;
  -moz-animation-direction: normal;
  -moz-animation-duration: 0.5s;
  -moz-animation-delay: 0s;
}

/* /////////////////////////////////////////////////////////////////////////////
// ANIMATION in [animation.js] : createFadeIn, createFadeOut
//////////////////////////////////////////////////////////////////////////////*/

/* fadeIn animation */
@-webkit-keyframes fadeshow {
  from { opacity:0; }
  to{ 
      opacity:1; 
      -webkit-animation-timing-function: ease-in;
      -moz-animation-timing-function: ease-in;
  }
}

@-moz-keyframes fadeshow {
  from { opacity:0; }
  to{ 
      opacity:1; 
      -webkit-animation-timing-function: ease-in;
      -moz-animation-timing-function: ease-in;
  }
}

@-webkit-keyframes fadehide {
  from { opacity:1; }
  to{ 
      opacity:0; 
      -webkit-animation-timing-function: ease-in;
      -moz-animation-timing-function: ease-in;
  }
}

@-moz-keyframes fadehide {
  from { opacity:1; }
  to{ 
      opacity:0; 
      -webkit-animation-timing-function: ease-in;
      -moz-animation-timing-function: ease-in;
  } 
}

@-webkit-keyframes upmove {
  from { top:164.5px; }
  to{ 
    top:50px;
    -webkit-animation-timing-function: ease-in;
    -moz-animation-timing-function: ease-in;
  }
}

@-moz-keyframes upmove {
  from { top:164.5px; }
  to{ 
    top:50px;
    -webkit-animation-timing-function: ease-in;
    -moz-animation-timing-function: ease-in;
  }
}