body
{
   background-color: #FFFFFF;
   color: #000000;
   font-family: Arial;
   font-weight: normal;
   font-size: 13px;
   line-height: 1.1875;
   margin: 0;
   padding: 0;
}
a
{
   color: #0000FF;
   text-decoration: underline;
}
a:visited
{
   color: #800080;
}
a:active
{
   color: #FF0000;
}
a:hover
{
   color: #0000FF;
   text-decoration: underline;
}
input:focus, textarea:focus, select:focus
{
   outline: none;
}
#wb_Extension1 
{
   text-align: center;
}
#Extension1 
{
   display: inline-block;
   height: 300px;
   margin-top: 50px;
   perspective: 600px;
   width: 300px;
}
#Extension1 .cube 
{
   animation: rotateCube 16s 1s infinite both;
   height: inherit;
   position: relative;
   width: inherit;
   transform: rotateX(0deg) rotateY(0deg);
   transform-style: preserve-3d;
}
#Extension1 .cube:hover
{
   animation-play-state: paused !important;
}
#Extension1 .cube-face 
{
   background-size: cover;
   border: 1px solid #888888;
   box-shadow: 0 0 25px rgba(169,169,169,0.30);
   height: inherit;
   opacity: 0.6;
   position: absolute;
   width: inherit;
}
#Extension1 .cube-face-front 
{
   transform: translate3d(0, 0, calc(300px / 2));
}
#Extension1 .cube-face-left 
{
   transform: rotateY(-90deg) translate3d(0, 0, calc(300px / 2));
}
#Extension1 .cube-face-right 
{
   transform: rotateY(90deg) translate3d(0, 0, calc(300px / 2));
}
#Extension1 .cube-face-top 
{
   transform: rotateX(90deg) translate3d(0, 0, calc(300px / 2));
}
#Extension1 .cube-face-bottom 
{
   transform: rotateX(-90deg) translate3d(0, 0, calc(300px / 2));
}
#Extension1 .cube-face-back 
{
   transform: rotateY(180deg) translate3d(0, 0, calc(300px / 2));
}
@keyframes rotateCube
{
   0% 
   {
      transform: rotateX(0deg) rotateY(0deg);
   }
   16% 
   {
      transform: rotateX(90deg) rotateY(0deg);
   }
   33% 
   {
      transform: rotateX(0deg) rotateY(90deg);
   }
   50% 
   {
      transform: rotateX(0deg) rotateY(-90deg); 
   }
   66% 
   {
      transform: rotateX(-90deg) rotateY(0deg); 
   }
   83% 
   {
      transform: rotateX(0deg) rotateY(180deg);
   }
   100% 
   {
      transform: rotateX(0deg) rotateY(0deg);
   }
}
