#duchess-note {
    position: fixed;
    z-index: 6001;
    top: -50px;
    left: 0;
    right: 0;
    background: #fde073;
    text-align: center;
    line-height: 2.5;
    overflow: hidden; 
    -webkit-box-shadow: 0 0 5px black;
    -moz-box-shadow:    0 0 5px black;
    box-shadow:         0 0 5px black;
}
.cssanimations.csstransforms #duchess-note2 {
    -webkit-transform: translateY(-50px);
    -webkit-animation: slideDown 2.5s 1.0s 1 ease forwards;
    -moz-transform:    translateY(-50px);
    -moz-animation:    slideDown 2.5s 1.0s 1 ease forwards;
}

#duchess-error {
    position: fixed;
    z-index: 6002;
    top: -50px;
    left: 0;
    right: 0;
    background: #FFFFDC;
    text-align: center;
    line-height: 2.5;
    overflow: hidden; 
    -webkit-box-shadow: 0 0 5px black;
    -moz-box-shadow:    0 0 5px black;
    box-shadow:         0 0 5px black;
}

#duchess-error-close {
  position: absolute;
  right: 10px;
  top: 9px;
  text-indent: -9999px;
  background: url(/images/close.png);
  height: 16px;
  width: 16px;
  cursor: pointer;
}

.cssanimations.csstransforms #duchess-error2 {
    -webkit-transform: translateY(-50px);
    -webkit-animation: slideDown 2.5s 1.0s 1 ease forwards;
    -moz-transform:    translateY(-50px);
    -moz-animation:    slideDown 2.5s 1.0s 1 ease forwards;
}

@-webkit-keyframes slideDown {
    0%, 100% { -webkit-transform: translateY(-50px); }
    10%, 90% { -webkit-transform: translateY(0px); }
}
@-moz-keyframes slideDown {
    0%, 100% { -moz-transform: translateY(-50px); }
    10%, 90% { -moz-transform: translateY(0px); }
}

#browserTestWindow {
    /* fixed within viewport */
    position: fixed;

    /* set position */
    top: 0px;
    right: 0px;

    /* must have dimension */
    width: 300px;
    height: 100%;

    color: #fff;
    background: #555;
}