/*NSP Environment CSS*/
body::before {content: '';
font-size: 3em;
display: block;
text-align: center;
text-shadow: 2px 2px 5px #666;
color: #ff0022;
white-space: pre-wrap;
}

.FlipX{	 	
    display: block;
    -moz-transform: scale(-1, 1);	 	 
    -webkit-transform: scale(-1, 1);	 	 
    -o-transform: scale(-1, 1);	 	 
    -ms-transform: scale(-1, 1);	 	 
    transform: scale(-1, 1);	 	 
}

.FlipY{	 
    display: block;
    -moz-transform: scale(1, -1);	 	 
    -webkit-transform: scale(1, -1);	 	 
    -o-transform: scale(1, -1);	 	 
    -ms-transform: scale(1, -1);	 	 
    transform: scale(1, -1);	 	 
}

.FlipXY{	 
    display: block;
    -moz-transform: scale(-1, -1);	 	 
    -webkit-transform: scale(-1, -1);	 	 
    -o-transform: scale(-1, -1);	 	 
    -ms-transform: scale(-1, -1);	 	 
    transform: scale(-1, -1);	 	 
}

.MirrorX > button {
    text-indent: -10000px;
    display: inline-block;
    -webkit-box-shadow: 2px 2px 5px #000;
    -moz-box-shadow: 2px 2px 5px #000;
    box-shadow: 2px 2px 5px #000;
    border: 1px solid white;
}

.MirrorX > button:before {
    content: "";
    position: absolute;
    left: 0;
    margin: 0 7px;
    width: 9px;
    height: 9px;
    background-image: url(../Resource/fast-ui-icons_ffffff_256x240.png?_=-572921629);
    background-position: -52px -2px;
}

.MirrorY > button {
    text-indent: -10000px;
    display: inline-block;
    -webkit-box-shadow: 2px 2px 5px #000;
    -moz-box-shadow: 2px 2px 5px #000;
    box-shadow: 2px 2px 5px #000;
    border: 1px solid white;
}

.MirrorY > button:before {
    content: "";
    position: absolute;
    left: 0;
    margin: 0 7px;
    width: 9px;
    height: 9px;
    background-image: url(../Resource/fast-ui-icons_ffffff_256x240.png?_=-572921629);
    background-position: -35px -2px;
}