/* CSS Document */

.PageMover .TabBox {
   margin: 10px;	
}

#Space{
   background-image: url(../assets/images/gradient.png);
   background-size: 100% 100%;	
}


#SpaceShip{
	position: absolute;
	top: 50px;
	left: 900px;
	z-index: 100;
   width: 213px; /*355px;*/
   height: 108.6px; /*181px*/
   animation: fly 1s steps(4) infinite;
   background-size: 500%;
   background-image:url(../assets/images/rocket.png);	
}

#junk{
   position: absolute;
   top: 10px;
   left: 0px;
   z-index: 40;	
}

.Junk img, .Junk img *, .Junk .Number, .Junk .Number *{
	cursor: pointer;
}

.Junk.noPointer, .Junk.noPointer *{
    cursor: default;	
}

@keyframes fly{
	0% { background-position: 0%; }
    100% { background-position: 100%; } /* 125.5% */
}

div.line{
  z-index: 50;
  transform-origin: 0 100%;
  height: 0px; /* Line width of 3 */
  border-top: 3px dashed #FF0000;
  background: transparent; /* Black fill */
}

@media print{
    
	
  html{
	   display: table;	
	   width: 580px;
	   height: 970px;
	   position: absolute;
	   top: 0px;
	   left: 0px;
	}
	
    body{  
	text-align: left;
	vertical-align: middle;
	display: table-cell;
	height: 970px;
	width: 580px;
	max-width: 580px;  
	max-height: 100%;    
   }
   
   body.IsAndroid{
	   padding-left: 240px;   
   }
    
   #wrapper{
	   transform: rotate(90deg);
	   display: inline-block;
	   margin-left: -200px;
	      
   }
   
   body.IsAndroid #wrapper{
	   transform:  rotate(90deg) scale(0.8);   
   }
   
  
}