@charset "utf-8";
/* CSS Document */

.divHidden
{
	display:none;
}

.wheelstaticmobile
{
background-image:url(ImageMobile/WheelMobile.png);
width:510px;
height:510px;
}

.wheeldynamicmobile
{
background-image:url(ImageMobile/WheelMobile.png);
width:510px;
height:510px;
  
  animation:						  akrotation 2s linear;
  -webkit-animation-name:             akrotation_wk; 
  -webkit-animation-duration:         2s; 
  -webkit-animation-iteration-count:  1;
  -webkit-animation-timing-function: linear;   
/*  -webkit-animation-fill-mode: forwards; */
}

.wheelstatic
{
background-image:url(Image/Animal-Year-Wheel-2014.png);
width:567px;
height:567px;
}

.wheeldynamic
{
background-image:url(Image/Animal-Year-Wheel-2014.png);
width:567px;
height:567px;
  
  animation:						  akrotation 2s linear;
  -webkit-animation-name:             akrotation_wk; 
  -webkit-animation-duration:         2s; 
  -webkit-animation-iteration-count:  1;
  -webkit-animation-timing-function: linear;   
/*  -webkit-animation-fill-mode: forwards; */
}

.yearInputWrapper
{
	background-image:url('Image/YearInputBox.png');
	background-repeat:no-repeat;
}

.yearInputBox{
	border-style:hidden; 
	margin-left:57px; 
	margin-top:20px; 
	font-weight:bold;
	padding-left:5px;
	font-family:Arial;
	font-size:20px;
}

.animalDescText{
	margin-left:30px;  
	padding:15px;
	color:#000000;
	font-family:Arial;
}

.footerText{
	font-size:9pt;
	font-family:Arial;
	color:#ba943e;
	font-family:Arial, Helvetica, sans-serif;
}

@-webkit-keyframes akrotation_wk 
{
  from 
  {
    -webkit-transform: rotate(0deg);
  }
  to { 
    -webkit-transform: rotate(360deg);
  }
}

@keyframes akrotation
{
  from 
  {
    transform: rotate(0deg);
  }
  to { 
    transform: rotate(360deg);
  }
}