div.VARpicture {
color:black;
/* box-shadow: 4px 4px 4px #333333; */
/* background-color:#0a71b4; */
background-color:#39A397;

background-repeat:no-repeat;
background-position:50% 50%;

/* background-image:url('http://www.stromasys.com/wp-content/themes/stromasys/assets/images/background/bg-home.gif'); */
background-image:url('https://stromasys.atlassian.net/wiki/download/attachments/15794334/stromasys-website-header-2-20151112.jpg').wiki-content img.confluence-embedded-image{ cursor: pointer; }

.wiki-content h1{
/*  border: 1px solid #000000;  */
  color:#FFFFFF;
  background-color:#0062ab;
  /* box-shadow: 3px 3px 3px #333333; */

margin-right: 3px;
  padding-left: 5px;
  padding-right: 5px;   
  font-family: Verdana, Arial, sans-serif;
  font-size:20pt18pt;
  margin-bottom:5px;
}

.wiki-content h2,h3{
  font-family: Verdana, Arial, sans-serif;
}

.box
{
color:#FFFFFF;
background-color:#3aaadc;
text-align: center;
cursor: pointer;
/* border: 1px solid #000000; */
box-shadow: 3px 3px 3px #333333;
margin-right: 3px;
padding-left: 10px;
padding-right: 10px;
padding-top: 5px;
padding-bottom: 5px;
min-width: 124px;
}

.box-rollover
{
color:#FFFFFF;
background-color:#e95f40;
/* background-color:#00a096; */
text-align: center;
cursor: pointer;
/* border: 1px solid #000000; */
box-shadow: 3px 3px 3px #333333;
margin-right: 3px;
padding-left: 10px;
padding-right: 10px;
padding-top: 5px;
padding-bottom: 5px;
min-width: 124px;
}

@keyframes rotachar
{
  0%   {transform: rotateY(0deg); -webkit-transform: rotateY(0deg); }
  50%  {transform: rotateY(180deg); -webkit-transform: rotateY(180deg); }
}
div.rotatechar {
  width: 20px;
  animation-duration: 5s;
  animation-iteration-count: infinite;
  animation-name: rotachar;
}