@charset "utf-8";
#slideArea{
	position:absolute;
	height:365px;
	width:535px;
	top:66px;
	left:150px;
}
#slideCanvas{
	position:absolute;
	top:0px;
	left:0px;
}
#slideArea .slide .videoPlayer{
	position:absolute;
	height:220px;
	width:320px;
	top:80px;
	left:50%;
	margin-left:-160px;
	display:none;
}
#slideArea .appIconPopup{
	position:absolute;
	width:100%;
	height:240px;
	left:0px;
	top:60px;
	text-align:center;
	display:none;
}
#slideArea .appIconPopup a{
	position:relative;
	height:190px;
	width:160px;
	margin:-100px 8px 0 8px;
	top:50%;
	display:inline-block;
}
#slideArea .appIconPopup a:hover{
	background-position:0 -190px;
}
#slideArea .buttonArea{
	position:absolute;
	width:auto;
	height:auto;
	top:10px;
	right:10px;	
}
#slideArea .appIconButtons{
	position:relative;
	display:inline-block;
	height:58px;
	width:auto;
}
#slideArea .appIconButtons .appIconButton{
	position:relative;
	height:58px;
	width:58px;
	margin:0 0 0 10px;
	background-image:url(../commonImages/appIcons.png);
	cursor:pointer;
	display:inline-block;	
}
#slideArea .appIconButtons .appIconButton[class~="animate"]{
	-webkit-animation-name:expansion;
	animation-name:expansion;
 	-webkit-animation-duration:3.0s;
	animation-duration:3.0s; 
 	-webkit-animation-direction:normal;
	animation-direction:normal;  
 	-webkit-animation-timing-function:ease-in-out;
	animation-timing-function:ease-in-out;  
 	-webkit-animation-iteration-count:infinite;
	animation-iteration-count:infinite;	
}
@-webkit-keyframes expansion {
  0% {
    -webkit-transform: scale(1.0);
  }
  12% {
    -webkit-transform: scale(1.3);
  }
  24% {
    -webkit-transform: scale(1.0);
  }
  36% {
    -webkit-transform: scale(1.3);
  }
  48% {
    -webkit-transform: scale(1.0);
  }
  100%{
	  -webkit-transform: scale(1.0);
  }
}
@keyframes expansion {
   0% {
    transform: scale(1.0);
  }
  12% {
    transform: scale(1.3);
  }
  24% {
    transform: scale(1.0);
  }
  36% {
    transform: scale(1.3);
  }
  48% {
    transform: scale(1.0);
  }
  100%{
	transform: scale(1.0);
  }
}
#slideArea .appIconButtons .explanation{
	background-position:0px 0px;
}
#slideArea .appIconButtons .explanation:hover{
	background-position:-58px 0px;
}
#slideArea .appIconButtons .observation{
	background-position:0px -58px;
}
#slideArea .appIconButtons .observation:hover{
	background-position:-58px -58px;
}
#slideArea .appIconButtons .experiment{
	background-position:0px -116px;
}
#slideArea .appIconButtons .experiment:hover{
	background-position:-58px -116px;
}
#slideArea .appIconButtons .movie{
	background-position:0px -174px;
}
#slideArea .appIconButtons .movie:hover{
	background-position:-58px -174px;
}
#slideArea .appIconButtons .quiz{
	background-position:0px -232px;
}
#slideArea .appIconButtons .quiz:hover{
	background-position:-58px -232px;
}
#slideArea .appIconButtons .assembly{
	background-position:0px -290px;
}
#slideArea .appIconButtons .assembly:hover{
	background-position:-58px -290px;
}
#slideArea .appIconButtons .prediction{
	background-position:0px -348px;
}
#slideArea .appIconButtons .prediction:hover{
	background-position:-58px -348px;
}
#slideArea .appIconButtons .calculation{
	background-position:0px -406px;
}
#slideArea .appIconButtons .calculation:hover{
	background-position:-58px -406px;
}
#slideArea .appIconButtons .sketch{
	background-position:0px -464px;
}
#slideArea .appIconButtons .sketch:hover{
	background-position:-58px -464px;
}
#slideArea .appIconButtons .game{
	background-position:0px -522px;
}
#slideArea .appIconButtons .game:hover{
	background-position:-58px -522px;
}
#slideArea .stButton{
	position:relative;
	display:inline-block;
	height:58px;
	width:58px;
	background-image:url(../commonImages/commonButtons.png);
	cursor:pointer;
}
#slideArea .play{
	background-position:-192px 0px;
}
#slideArea .stop{
	background-position:-252px 0px;
}
#slideArea .completedChart{
	position:relative;
	display:inline-block;
	width:90px;
	height:48px;
	top:-5px;
	background-image:url(../commonImages/commonButtons.png);
	background-position:0 -80px;
	cursor:pointer;
}
#slideArea .completedChart:hover{
	background-position:-92px -80px;
}