DIV.reference-image
{
    BORDER: 10px solid #544e47;
    HEIGHT: 0;
    OVERFLOW: hidden;
    PADDING-TOP: 66.66%;
}

@keyframes reference-image-1
{
      0% {         TRANSFORM: translateY(  0);
              -MOZ-TRANSFORM: translateY(  0);
           -WEBKIT-TRANSFORM: translateY(  0);  }
     40% {         TRANSFORM: translateY(100%);
              -MOZ-TRANSFORM: translateY(100%);
           -WEBKIT-TRANSFORM: translateY(100%); }
     50% {         TRANSFORM: translateY(100%);
              -MOZ-TRANSFORM: translateY(100%);
           -WEBKIT-TRANSFORM: translateY(100%); }
     90% {         TRANSFORM: translateY(  0);
              -MOZ-TRANSFORM: translateY(  0);
           -WEBKIT-TRANSFORM: translateY(  0);  }
    100% {         TRANSFORM: translateY(  0);
              -MOZ-TRANSFORM: translateY(  0);
           -WEBKIT-TRANSFORM: translateY(  0);  }
}

@keyframes reference-image-2
{
      0% {         TRANSFORM: translateY(  0);
              -MOZ-TRANSFORM: translateY(  0);
           -WEBKIT-TRANSFORM: translateY(  0);   }
     40% {         TRANSFORM: translateY(-100%);
              -MOZ-TRANSFORM: translateY(-100%);
           -WEBKIT-TRANSFORM: translateY(-100%); }
     50% {         TRANSFORM: translateY(-100%);
              -MOZ-TRANSFORM: translateY(-100%);
           -WEBKIT-TRANSFORM: translateY(-100%); }
     90% {         TRANSFORM: translateY(  0);
              -MOZ-TRANSFORM: translateY(  0);
           -WEBKIT-TRANSFORM: translateY(  0);   }
    100% {         TRANSFORM: translateY(  0);
              -MOZ-TRANSFORM: translateY(  0);
           -WEBKIT-TRANSFORM: translateY(  0);   }
}

DIV.reference-image > DIV.reference-image-image
{
    BOTTOM: 0;
    LEFT: 0;
    POSITION: absolute;
    RIGHT: 0;
    TOP: 0;
}

DIV.reference-image > DIV.reference-image-text
{
    BACKGROUND: #ffffff;
    BOTTOM: 0;
    LEFT: 0;
    PADDING: 10px 20px;
    POSITION: absolute;
    RIGHT: 0;
    TRANSFORM: translateY(100%);
    -MOZ-TRANSFORM: translateY(100%);
    -WEBKIT-TRANSFORM: translateY(100%);
    TRANSITION: transform 0.5s;
    -MOZ-TRANSITION: -moz-transform 0.5s;
    -WEBKIT-TRANSITION: -webkit-transform 0.5s;
}

DIV.reference-image:hover DIV.reference-image-text
{
    TRANSFORM: translateY(0);
    -MOZ-TRANSFORM: translateY(0);
    -WEBKIT-TRANSFORM: translateY(0);
}

DIV.reference-image > DIV.reference-image-image IMG
{
    MAX-WIDTH: 100%;
}

DIV.reference-image:hover > DIV.reference-image-image
{
    ANIMATION: reference-image-1 10s infinite linear;
    -MOZ-ANIMATION: reference-image-1 10s infinite linear;
    -WEBKIT-ANIMATION: reference-image-1 10s infinite linear;
}

DIV.reference-image:hover > DIV.reference-image-image IMG
{
    ANIMATION: reference-image-2 10s infinite linear;
    -MOZ-ANIMATION: reference-image-2 10s infinite linear;
    -WEBKIT-ANIMATION: reference-image-2 10s infinite linear;
}

DIV.reference-image > A
{
    BORDER: none;
    BOTTOM: 0;
    LEFT: 0;
    POSITION: absolute;
    RIGHT: 0;
    TOP: 0;
}

DIV.reference-image-edit IMG
{
    MAX-WIDTH: 100%;
}