.imagegallery {
    overflow: hidden;    
}

.crossfadeActiveElement {
    animation-name: crossfadeAnimation;
    animation-duration: 1s;
    animation-fill-mode: forwards;
    -webkit-animation-name: crossfadeAnimation;
    -webkit-animation-duration: 1s;
    -webkit-animation-fill-mode: forwards;    
}

@keyframes crossfadeAnimation {
    from {opacity: 1; 
          filter:alpha(opacity=100);}
    to {opacity : 0; 
        filter:alpha(opacity=0);}
}

@-webkit-keyframes crossfadeAnimation {
    from {opacity: 1;}
    to {opacity: 0;}
}

.slideActiveElement {
    animation-name: slideAnimation;
    animation-duration: 1s;
    animation-fill-mode: forwards;
    -webkit-animation-name: slideAnimation;
    -webkit-animation-duration: 1s;
    -webkit-animation-fill-mode: forwards;
}

.slideNextActiveElement {
    animation-name: slideNextAnimation;
    animation-duration: 1s;
    animation-fill-mode: forwards;
    -webkit-animation-name: slideNextAnimation;
    -webkit-animation-duration: 1s;
    -webkit-animation-fill-mode: forwards;
}

@keyframes slideAnimation {
    from { ;
          filter:alpha(opacity=100);}
    to {opacity : 0; 
        filter:alpha(opacity=0);}
}

@-webkit-keyframes slideAnimation {
    from { left: 0%; }
    to { left: -100%; }
}

@-webkit-keyframes slideNextAnimation {
    from { left: 100%; }
    to { left: 0%; }
}

.form {
    text-align: left;    
}

.formRow {
    width: 100%;
    height: 2em;
}

.formRow label {
    width: 20%;
    display: inline-block;
    margin-top: 6px;
    font-size: 10px;
}

.formRow input {
    width: 68%;
    display: inline-block;
    right: 0;
    position: absolute;
    vertical-align: middle;
}

.submitRow {
    text-align: right;
}
.formResults {
    width: 100%;
    text-align: center;
    background-color: #555555;
    color: #ffffff;
    opacity: 0.6;
    margin-top: 2px;
    display: none;
}